JS实现的手机端精简幻灯片效果_Javascript教程-查字典教程网
JS实现的手机端精简幻灯片效果
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程序设计有所帮助。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类