JS實(shí)現(xiàn)的手機(jī)端精簡(jiǎn)幻燈片效果
更新時(shí)間：2016年09月05日 15:22:01 作者：onestopweb
這篇文章主要介紹了JS實(shí)現(xiàn)的手機(jī)端精簡(jiǎn)幻燈片效果,涉及javascript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)修改頁面元素的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)的手機(jī)端精簡(jiǎn)幻燈片效果。分享給大家供大家參考，具體如下：
var curIndex = 0;
var timeInterval = 4000;
var arr = new Array();
arr[0] = "fukeb.jpg";
arr[1] = "baopi.jpg";
arr[2] = "renliub.jpg";
setInterval(changeImg, timeInterval);
function changeImg() {
var obj = document.getElementById("showpic");
if (curIndex == arr.length - 1) {
curIndex = 0;
} else {
curIndex += 1;
}
obj.src = "/templets/v1/images/" + arr[curIndex];
}
document.writeln("<div style=\"width:300px;margin:10px auto 0 auto;overflow:hidden;\"><a href=\"/zixun/?f=top_ad\" target=\"_blank\"><img src=\"/templets/v1/images/fukeb.jpg\" id=\"showpic\" /></a></div>");
效果圖：
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了使用js如何判斷橫豎屏及禁止瀏覽器滑動(dòng)條,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了javascript編寫貪吃蛇游戲的代碼，非常簡(jiǎn)單，也很好玩，有需要的童鞋們可以參考下。2015-07-07
JavaScript實(shí)現(xiàn)簡(jiǎn)單的音樂播放器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的音樂播放器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
js下關(guān)于onmouseout、事件冒泡的問題經(jīng)驗(yàn)小結(jié)
第3次遇到這個(gè)問題，于是總結(jié)了一下，將此短文發(fā)在首頁，希望對(duì)瀏覽器事件機(jī)制有所了解的大俠們給予解答2010-12-12
這篇文章主要為大家介紹了前端JS可視化學(xué)習(xí)利用向量判斷多邊形邊界示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-12-12
本文為大家介紹下如何解決js中window.open彈出的是上次的緩存頁面的問題，下面有個(gè)不錯(cuò)的示例，感興趣的額朋友可以參考下2013-12-12
原生js實(shí)現(xiàn)移動(dòng)端瀑布流式代碼示例
這篇文章主要為大家分享了原生js實(shí)現(xiàn)移動(dòng)端瀑布流式代碼示例，對(duì)瀑布流布局感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了詳解JavaScript中的this指向問題，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-02-02
這篇文章主要為大家詳細(xì)介紹了JS作用域，剖析JS的作用域問題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
超實(shí)用的全新JavaScript事件Scrollend實(shí)例詳解
這篇文章主要為大家介紹了超實(shí)用的全新JavaScript事件Scrollend實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01