-
next.onclick = function(){ //右鍵頭 list.style.left=parseInt(list.style.left)-600+"px"; } prev.onclick = function(){ //左鍵頭 list.style.left=parseInt(list.style.left)+600+"px"; } 另一種簡潔的寫法: function animate(offset){ list.style.left=parseInt(list.style.left)+offset+"px"; } next.onclick=function(){animate(-600)} prev.onclick=function(){animate(600)}查看全部
-
parseInt()把字符串轉成數字查看全部
-
clearInterval可以清楚定時器查看全部
-
輪播圖查看全部
-
輪播圖查看全部
-
setTimeout函數只執行一次；查看全部
-
DOM二級方法：getAttrbute('')可以獲取自定義的屬性； parseInt()轉換為數字；查看全部
-
先獲取各個標簽以及元素，再設置箭頭的位移切換。查看全部
-
自定義屬性不能通過點擊來獲得，可以用getAttribute，例如。圖片查看全部
-
這是一種回調函數的使用方式，如果stop(),這是stop方法就被執行了，但是如果寫方法名stop，是事件觸發時才會調用stop方法查看全部
-
存在一個bug，就是如果鼠標不移進去不會開始輪播的。在onload里面也要加上paly();查看全部
-
動畫這部分在CSS部分加入transition即可，不用老師的GO函數也可以哦，下面是我的代碼。 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； 當動畫執行的時候的讓animate==true； 當動畫結束的時候的讓animate==false； 這樣就可以讓讓動畫執行完后，在執行嚇一條動畫； if（animate==flase）{ //判斷animate是否等于false；是就執行 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)); } } 總體的代碼都會簡單很多查看全部
舉報
0/150
提交
取消