JS实现的手机端精简幻灯片效果
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了JS实现的手机端精简幻灯片效果。分享给大家供大家参考,具体如下:varcurIndex=0;vartimeInterval=4...
本文实例讲述了JS实现的手机端精简幻灯片效果。分享给大家供大家参考,具体如下:
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><a href="/zixun/" target="_blank"><img src="/templets/v1/images/fukeb.jpg" id="showpic" /></a></div>");
效果图:
希望本文所述对大家JavaScript程序设计有所帮助。