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