-
技能點，復習查看全部
-
動畫函數查看全部
-
parseInt() 會忽略字符串前面的空格，找到第一個非空格字符串，若遇到的第一個字符是數字，將會繼續解析第二個字符，直到解析完后續所有字符或遇到了非數字字符。查看全部
-
1、關于無線循環播放圖片的問題： 在animate中加入判斷：當(left>-600)||(left<-3000)時，做一個歸位。 var newLeft = parseInt(list.style.left) + offset;常用的變量，做一個存儲 list.style.left = newLeft + 'px'; if(newLeft > -600){ list.style.left = -3000 + 'px'; } if(newLeft < -3000){ list.style.left = -600 + 'px'; } 2、關于小圓點切換圖片的問題： var index = 1; //亮起小圓點 function showButton(){ for(var i = 0;i < buttons.length;i++){ if(buttons[i].className == 'on'){ buttons[i].className = ''; } } buttons[index - 1].className = 'on'; } //左右箭頭點擊，小圓點亮起切換的問題 //在next.onclick函數中加入如下，prev.onclick中同理 if(index == 5){ index = 1; } else{ index += 1; }//先做一個判斷 index += 1; showButton();查看全部
-
箭頭切換查看全部
-
基本布局查看全部
-
setTimeout(動作，間隔時間） 該函數的動作只能執行一次 setInterval(動作，間隔時間) 該函數運行多次 setInterval(function(){}, 300); 簡單函數可以在定義時直接傳入 function(){} 定義函數 clearInterval 清除定時器 onmouseover 鼠標移上 onmouseout 鼠標移出查看全部
-
getAttribute 獲取屬性（即可獲得DOM本身就有的屬性i也可以獲得自定義屬性）查看全部
-
js parseInt() 把字符串轉成數字，即500px 變為 500查看全部
-
return是退出正在執行的函數。break是跳過當前循環語句執行下面的語句。查看全部
-
老師 輪播圖上的按鈕在IE6下有問題啊 一定要做到嚴禁啊查看全部
-
給buttons添加事件： var button = document.getElementById('buttons').getElementByTagName('span'); //用for循環加上事件 for(var i = 0;i < buttons.length;i++){ buttons[i].onclick = function()//為每一個按鈕加上onclick事件 { if(this.className == 'on'){return;}//代碼優化^_^ var myIndex = parseInt(this.getAttritube('index'));//index為自定義屬性，不能直接使用this.index獲取。getAttribute為DOM二級方法 var offset = -600 * (myIndex - index);//獲取每次點擊小圓點時的偏移量 index = myIndex;//index歸位為當前最新的狀態 animate(offset); showButton();//按鈕樣式更換 } }查看全部
-
1、關于無線循環播放圖片的問題： 在animate中加入判斷：當(left>-600)||(left<-3000)時，做一個歸位。 var newLeft = parseInt(list.style.left) + offset;常用的變量，做一個存儲 list.style.left = newLeft + 'px'; if(newLeft > -600){ list.style.left = -3000 + 'px'; } if(newLeft < -3000){ list.style.left = -600 + 'px'; } 2、關于小圓點切換圖片的問題： var index = 1; //亮起小圓點 function showButton(){ for(var i = 0;i < buttons.length;i++){ if(buttons[i].className == 'on'){ buttons[i].className = ''; } } buttons[index - 1].className = 'on'; } //左右箭頭點擊，小圓點亮起切換的問題 //在next.onclick函數中加入如下，prev.onclick中同理 if(index == 5){ index = 1; } else{ index += 1; }//先做一個判斷 index += 1; showButton();查看全部
-
window.onload = function(){ var container = document.getElementById('container'); var list = document.getElementById('list');//獲取列表 var buttons = document.getElementById('buttons').getElementByTagment('span');//獲取按鈕 var prev = document.getElementById('prev');//獲取箭頭 var next = document.getElementById('next'); //綁定事件 function animate(offset){ list.style.left = parseInt(list.style.left) + offset + 'px'; } next.onclick = function(){ animate(-600);//點擊時向左移動600像素 } prev.onclick = function(){ animate(600);//點擊時向右移動600像素 } }查看全部
-
封裝函數查看全部
舉報
0/150
提交
取消