本文實例講述了js去除瀏覽器默認底圖的方法。分享給大家供大家參考。具體分析如下：
我們在設計一些圖片比較多的網頁時，為了增強用戶體驗，希望圖片加載的時候有個loading動畫效果，而不是由空白到一下子出來。
在zen cart的二次開發過程中同樣也遇到了這個問題，下面是我的解決方案。
首頁給圖片設置一個默認的loading動畫，再分配一個id，
如<img id="loading1″ src="loading.gif">實際上加載過程通過一個函數來完成
- function addListener(element, type, expression, bubbling) {
- bubbling = bubbling || false;
- if(window.addEventListener) { // Standard
- element.addEventListener(type, expression, bubbling);
- return true;
- }
- else if(window.attachEvent) { // IE
- element.attachEvent('on' + type, expression);
- return true;
- }
- else return false;
- }
- var ImageLoader = function(url){
- this.url = url;
- this.image = null;
- this.loadEvent = null;
- };
- ImageLoader.prototype = {
- load:function(){
- this.image = document.createElement_x('img');
- var url = this.url;
- var image = this.image;
- var loadEvent = this.loadEvent;
- addListener(this.image, 'load', function(e) {
- if(loadEvent != null){
- loadEvent(url, image);
- }
- }, false);
- this.image.src = this.url;
- },
- getImage:function(){
- return this.image;
- }
- };
- function loadImage(objId,urls) {
- var loader = new ImageLoader(urls);
- loader.loadEvent = function(url){
- obj = document.getElementByIdx_x(objId);
- obj.src = url;
- }
- loader.load();
- }
學習交流
- HTC M8怎么換主題 M8換主題方法12-23
- 錘子手機如何開啟單手撥號面板12-23
- OPPO R7拍照音如何關閉12-23
- LG G3如何開啟來電翻轉靜音12-23
- 兩種方式登錄FTP10-30
- 查看一個頂級域名下所有的二級域名10-30
- 用HOSTS文件屏蔽網站 建立網站映射的方法10-30
- 域名狀態及其意義總結10-30
- 二級域名原理以及程序，申請即可開通10-28
熱門圖片
猜你喜歡的新聞
新聞熱點
2024-04-27 13:35:46
2024-04-27 13:33:47
2024-04-24 22:53:44
2024-04-23 19:32:50
2024-04-23 19:25:50
2024-04-23 19:13:19
疑難解答
圖片精選