-
next.onclick = function(){ //右鍵頭 list.style.left=parseInt(list.style.left)-600+"px"; } prev.onclick = function(){ //左鍵頭 list.style.left=parseInt(list.style.left)+600+"px"; } 另一種簡(jiǎn)潔的寫法: function animate(offset){ list.style.left=parseInt(list.style.left)+offset+"px"; } next.onclick=function(){animate(-600)} prev.onclick=function(){animate(600)}查看全部
-
parseInt()把字符串轉(zhuǎn)成數(shù)字查看全部
-
clearInterval可以清楚定時(shí)器查看全部
-
輪播圖查看全部
-
輪播圖查看全部
-
setTimeout函數(shù)只執(zhí)行一次；查看全部
-
DOM二級(jí)方法：getAttrbute('')可以獲取自定義的屬性； parseInt()轉(zhuǎn)換為數(shù)字；查看全部
-
先獲取各個(gè)標(biāo)簽以及元素，再設(shè)置箭頭的位移切換。查看全部
-
自定義屬性不能通過(guò)點(diǎn)擊來(lái)獲得，可以用getAttribute，例如。圖片查看全部
-
這是一種回調(diào)函數(shù)的使用方式，如果stop(),這是stop方法就被執(zhí)行了，但是如果寫方法名stop，是事件觸發(fā)時(shí)才會(huì)調(diào)用stop方法查看全部
-
存在一個(gè)bug，就是如果鼠標(biāo)不移進(jìn)去不會(huì)開(kāi)始輪播的。在onload里面也要加上paly();查看全部
-
動(dòng)畫(huà)這部分在CSS部分加入transition即可，不用老師的GO函數(shù)也可以哦，下面是我的代碼。 CSS部分： #list{ width:3600px; position:absolute; transition:left 2s; -moz-transition:left 2s; /* Firefox 4 */ -webkit-transition:left 2s; /* Safari and Chrome */ -o-transition:left 2s; /* Opera */ }查看全部
-
animate = false； 當(dāng)動(dòng)畫(huà)執(zhí)行的時(shí)候的讓animate==true； 當(dāng)動(dòng)畫(huà)結(jié)束的時(shí)候的讓animate==false； 這樣就可以讓讓動(dòng)畫(huà)執(zhí)行完后，在執(zhí)行嚇一條動(dòng)畫(huà)； if（animate==flase）{ //判斷animate是否等于false；是就執(zhí)行 animat（800） }查看全部
-
輪播樣式代碼查看全部
-
如果我們以list.style.left作為參照的話，切換的代碼可以這樣： //按鈕切換 for (var i = 0, length = buttons.length; i < length; i++) { buttons[i].onclick = function (i) { var index = this.getAttribute('index'); list.style.left = index * (-600) + 'px'; setButtonClass(parseInt(list.style.left)); } } 總體的代碼都會(huì)簡(jiǎn)單很多查看全部
舉報(bào)
0/150
提交
取消