手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现的手机端精简幻灯片效果
JS实现的手机端精简幻灯片效果
摘要:本文实例讲述了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>");

效果图:

JS实现的手机端精简幻灯片效果1

希望本文所述对大家JavaScript程序设计有所帮助。

【JS实现的手机端精简幻灯片效果】相关文章:

JS+CSS实现的拖动分页效果实例

打印/预览/设置的客户端代码

COOL而实用的动态效果

JS实现模拟风力的雪花飘落效果

Javascript实现图片轮播效果(二)图片序列节点的控制实现

JavaScript实现的MD5算法完整实例

JS实现简洁、全兼容的拖动层实例

js实现精美的图片跟随鼠标效果实例

Javascript实现div层渐隐效果的方法

JavaScript实现带标题的图片轮播特效

精品推荐
分类导航