Javascript實(shí)現(xiàn)滾動(dòng)圖片新聞的實(shí)例代碼
下面這段代碼是用來(lái)實(shí)現(xiàn)圖片新聞的
var index = 0;
var Timer = null;
function initGallery(){
for(var i=0; i< 4; i++){
document.getElementById("fPic"+i).style.display = "none";
document.getElementById("fTitl"+i).style.display = "none";
document.getElementById("fNum"+i).style.className = "numOff";
}
startChange();
setTimer();
}
function startChange(){
index = index % 4;
changePic(index);
changeTitl(index);
changeNum(index);
index++;
}
function changePic(index){
for(var i=0; i<4;i++){
document.getElementById("fPic"+i).style.display = "none";
}
document.getElementById("fPic"+index).style.display = "block";
}
function changeTitl(index){
for(var i=0; i<4; i++){
document.getElementById("fTitl"+i).style.display = "none";
}
document.getElementById("fTitl"+index).style.display = "block";
}
function changeNum(index){
for(var i=0; i<4; i++){
document.getElementById("fNum"+i).className = "numOff";
}
document.getElementById("fNum"+index).className = "numOff numOn";
}
function clearTimer(){
this.clearInterval(Timer);
}
function setTimer(){
Timer = window.setInterval(startChange, 3000)
}
function setIndex(index){
this.index = index;
this.startChange();
}
- javaScript實(shí)現(xiàn)滾動(dòng)新聞的方法
- 文字垂直滾動(dòng)之javascript代碼
- javascript實(shí)現(xiàn)狀態(tài)欄文字首尾相接循環(huán)滾動(dòng)的方法
- javascript+html5實(shí)現(xiàn)仿flash滾動(dòng)播放圖片的方法
- javascript實(shí)現(xiàn)左右控制無(wú)縫滾動(dòng)
- Javascript 實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)
- 利用JavaScript實(shí)現(xiàn)新聞滾動(dòng)效果(實(shí)例代碼)
- 基于javascript滾動(dòng)圖片具體實(shí)現(xiàn)
- javascript實(shí)現(xiàn)列表滾動(dòng)的方法
相關(guān)文章
JS實(shí)現(xiàn)對(duì)中文字符串進(jìn)行utf-8的Base64編碼的方法(使其與Java編碼相同)
這篇文章主要介紹了JS實(shí)現(xiàn)對(duì)中文字符串進(jìn)行utf-8的Base64編碼的方法,對(duì)比java的base64編碼程序,分析了javascript實(shí)現(xiàn)base64編碼的相關(guān)技巧,需要的朋友可以參考下2016-06-06BootStrap模態(tài)框和select2合用時(shí)input無(wú)法獲取焦點(diǎn)的解決方法
在bootstrap的模態(tài)框里使用select2插件,會(huì)導(dǎo)致select2里的input輸入框沒(méi)有辦法獲得焦點(diǎn),沒(méi)有辦法輸入。怎么解決這個(gè)問(wèn)題呢?下面小編給大家?guī)?lái)了BootStrap模態(tài)框和select2合用時(shí)input無(wú)法獲取焦點(diǎn)的解決方法,一起看看吧2017-09-09js下拉選擇框與輸入框聯(lián)動(dòng)實(shí)現(xiàn)添加選中值到輸入框的方法
這篇文章主要介紹了js下拉選擇框與輸入框聯(lián)動(dòng)實(shí)現(xiàn)添加選中值到輸入框的方法,涉及javascript中onchange事件及頁(yè)面元素遍歷的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08JavaScript模擬實(shí)現(xiàn)新浪下拉菜單效果
這篇文章主要為大家介紹了如何通過(guò)JavaScript模擬實(shí)現(xiàn)新浪的下拉菜單效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動(dòng)手試一試2022-03-03JS實(shí)現(xiàn)的用來(lái)對(duì)比兩個(gè)用指定分隔符分割的字符串是否相同
這篇文章主要介紹了JS實(shí)現(xiàn)的用來(lái)對(duì)比兩個(gè)用指定分隔符分割的字符串是否相同,本文代碼為特殊需要而寫(xiě),需要的朋友可以參考下2014-09-09基于javascript實(shí)現(xiàn)表格的簡(jiǎn)單操作
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)表格的簡(jiǎn)單操作,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-05-05JavaScript將數(shù)組轉(zhuǎn)換成CSV格式的方法
這篇文章主要介紹了JavaScript將數(shù)組轉(zhuǎn)換成CSV格式的方法,實(shí)例分析了javascript使用valueOf方法將數(shù)組值轉(zhuǎn)換為csv格式字符串的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03