第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

禁止事件冒泡，通過事件對(duì)象來禁止$btn.on(“click”,function(event){event.stopPropagation()});ie瀏覽器中通過屬性 event.cancelBubble=true 冒泡事件發(fā)生的條件，當(dāng)多個(gè)嵌套的元素設(shè)計(jì)了相同的事件處理程序，將觸發(fā)冒泡事件。在冒泡事件中，最內(nèi)層的元素將首先觸發(fā)該事件，然后將是其上一層元素觸發(fā)，依此類推，直到最上層元素觸發(fā)

Js事件冒泡機(jī)制，事件會(huì)向上傳遞，傳遞給父元素

$.fn.extend -> $('#img').preload();

$.extend -> $.preload();

$.each(imgs,function(i,src)){

????var imgObj = new Image();

????$(imgObj).on('load error',function()){

????????$progress.html(Math.round((count+1)/len *100)+'%');

????????????...

????}

}

if('prew' === $(this).data('control')){

? ? index = Math.max(0,--index);

}else{

? ? index = Math.min(len-1,++index)

}

$.extend({

????preload:function(imgs,opts){? ?新增preload函數(shù)

????????new PreLoad(imgs,opts);? //實(shí)例化

????}

})

新增插件

window.onload?=?function(){
preload();
showPic();
};
var?imgs?=?[?'img/banner.jpg',
????????'img/pic01.jpg',
????????'img/pic02.jpg',
????????'img/pic03.jpg',
????????'img/2017_5_14_Bing_.jpg',
????????'img/2017_5_14_Bing_en-GB.jpg',
????????'img/butterfly.jpg',
????????'img/city.jpg',
????????'img/desert.jpg',
????????'img/flower.jpg',
????????'img/flowers.jpg'
],
???????index?=?0,
???len?=?imgs.length,
???count?=?0,
???progress?=?document.getElementsByClassName("progress")[0],
???loading?=?document.getElementsByClassName("loading")[0];

var?imgObj?=?[];
function?preload()?{
for?(var?i=0;?i?<?len;?i++)?{
imgObj[i]?=?new?Image();
???????????????imgObj[i].src?=?imgs[i];
imgObj[i].onload?=?function()?{
progress.innerHTML?=?Math.round((count?+?1)?/?len?*100)?+?"%";
if?(count?>=?len?-?1)?{
loading.style.display?=?"none";
document.title?=?"1/"?+?len;
}
count++;
}
imgObj[i].onerror?=?function()?{
count++;
}
}
}

2-2 不使用預(yù)加載的純js代碼：

window.onload?=?showPic;
var?imgs?=?['img/banner.jpg',
????????'img/pic01.jpg',
????????'img/pic02.jpg',
????????'img/pic03.jpg'],
index?=?0,
len?=?imgs.length;
function?showPic()?{
var?btns?=?document.getElementsByClassName("btn");
var?place?=?document.getElementById("img");
for?(var?i=0;?i?<?btns.length;?i++)?{
btns[i].onclick?=?function()?{
var?control?=?this.getAttribute("data-control");
"prev"?===?control???index?=?Math.max(0,?--index)?:?
index?=?Math.min(len?-?1,?++index);
document.title?=?(index?+?1)?+?"/"?+?len;
place.setAttribute("src",imgs[index]);
}
}
}

當(dāng)然，那數(shù)組imgs里面要換成你的各圖片的src；文檔結(jié)構(gòu)和視頻的一樣。

插件拓展到j(luò)query: $.extend({preload: function(參數(shù)1，參數(shù)2){ 實(shí)例化 構(gòu)造函數(shù)(參數(shù)1，參數(shù)2) } })

1.預(yù)加載類型，有序和無序 2.通過new Image并設(shè)置url值實(shí)現(xiàn)預(yù)加載 3.jquery插件的封裝 自調(diào)用函數(shù)(Jquery對(duì)象作參數(shù)) 內(nèi)部一個(gè)定義一個(gè)構(gòu)造函數(shù) 內(nèi)部定義一個(gè)默認(rèn)參數(shù)對(duì)象(包括：自定義的回調(diào)方法) 定義插件提供的方法(_unordered和_ordered)，并添加到構(gòu)造函數(shù)的prototype原型上 $.extend()將構(gòu)造函數(shù)添加(拓展)到j(luò)query對(duì)象

編輯序列列表 快捷方式：

li*75>img[src="images/qqexpression/images$.gif" alt=""]

在封裝插件時(shí)傳去$符號(hào) 才可以是用jq