js实现支持手机滑动切换的轮播图片效果实例

本文实例讲述了射流研究…实现支持手机滑动切换的轮播图片效果的方法。分享给大家供大家参考。具体如下：

运行效果如下：

完整实例代码点击此处本站下载。

使用方法案例：

脚本类型=' text/JavaScript ' src=' http :/src/zepto。js/'脚本脚本类型=' text/JavaScript ' src=' http :/src/转盘-图像。js '/script script $(' .旋转木马-图像')。旋转木马图像({ num :$(').carousel-num ')})；/script或者requirejs:

div class=' carousel-image ' div a img src=' http :http://www。你的网站。com/images/1430073193462。jpg '/a img src=' http :http://www .你的网站。com/images/1430073252953。png '/a img src=' http :http://www。你的网站./src/zepto。js/'脚本脚本类型=' text/JavaScript ' src=' http :/src/require。js '/scriptscriptrequirejs。config({//默认情况下从js/lib baseUrl: '加载任何模块编号./src '，路径： { $ : ' zepto ' } })；需要(['carousel-image '，' $']，函数(CarouselImage，$){ var cs=new carousel image()；cs.init({ target:$(').carousel-image ')，num:$(' .carousel-num ')})；});/scriptAPI属性、方法及回调：

目标：表示是在这个容器内的元素会触发事件，它应该有个子级的容器，方便动画的优化

num:本意是以显示当前索引的数字表示，但现在用样式把数字隐藏了，如果要显示数字样式，可自行更改样式文件

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。