Javascript實現(xiàn)滾動圖片新聞的實例代碼
下面這段代碼是用來實現(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();
}
相關(guān)文章
JS實現(xiàn)對中文字符串進行utf-8的Base64編碼的方法(使其與Java編碼相同)
這篇文章主要介紹了JS實現(xiàn)對中文字符串進行utf-8的Base64編碼的方法,對比java的base64編碼程序,分析了javascript實現(xiàn)base64編碼的相關(guān)技巧,需要的朋友可以參考下2016-06-06BootStrap模態(tài)框和select2合用時input無法獲取焦點的解決方法
在bootstrap的模態(tài)框里使用select2插件,會導(dǎo)致select2里的input輸入框沒有辦法獲得焦點,沒有辦法輸入。怎么解決這個問題呢?下面小編給大家?guī)砹薆ootStrap模態(tài)框和select2合用時input無法獲取焦點的解決方法,一起看看吧2017-09-09js下拉選擇框與輸入框聯(lián)動實現(xiàn)添加選中值到輸入框的方法
這篇文章主要介紹了js下拉選擇框與輸入框聯(lián)動實現(xiàn)添加選中值到輸入框的方法,涉及javascript中onchange事件及頁面元素遍歷的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08JS實現(xiàn)的用來對比兩個用指定分隔符分割的字符串是否相同
這篇文章主要介紹了JS實現(xiàn)的用來對比兩個用指定分隔符分割的字符串是否相同,本文代碼為特殊需要而寫,需要的朋友可以參考下2014-09-09JavaScript將數(shù)組轉(zhuǎn)換成CSV格式的方法
這篇文章主要介紹了JavaScript將數(shù)組轉(zhuǎn)換成CSV格式的方法,實例分析了javascript使用valueOf方法將數(shù)組值轉(zhuǎn)換為csv格式字符串的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03