手机
当前位置:查字典教程网 >编程开发 >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实现的拖动分页效果实例

jquery实现用户打分评分特效

JavaScript实现表格点击排序的方法

JS实现1000以内被3或5整除的数字之和

一个很简单的办法实现TD的加亮效果.

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

jQuery实现给页面换肤的方法

基于jquery实现下拉框美化特效

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

JS实现带缓冲效果打开、关闭、移动一个层的方法

精品推荐
分类导航