手机
当前位置:查字典教程网 >编程开发 >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实现精美的图片跟随鼠标效果实例

javascript实现带下拉子菜单的导航菜单效果

js实现带按钮的上下滚动效果

COOL而实用的动态效果

JavaScript实现广告的关闭与显示效果实例

javascript实现控制的多级下拉菜单

网站上面有这种切换效果

jQuery实现给页面换肤的方法

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

JavaScript实现简单的数字倒计时

精品推荐
分类导航