首先非常感谢网友涛涛的无私分享,此作品是他以前写的一款原创Jquery插件,今天整理出来分享给大家使用,实现了图片轮播功能,支持图片上下左右滑动播放效果、自定义绑定事件、一个页面支持多次使用。。。
页面初始化代码如下:
<script>
$(function(){
$('#sliderPlay').sliderPlay();
$('#sliderPlay2').sliderPlay({
speed:500, //动画效果持续时间
timeout:3000,//幻灯间隔时间
btnBox:'btnBox2', //按钮的容器id
btnCurClassName:'cur', //当前按钮的className,
direction:'up', //left , up
mouseEvent:'hover' //事件类型,默认是click ,hover
});
});
</script>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友涛涛 滑动插件 图片滚动 图片轮播 图片旋转轮播 Jquery焦点图 Focusbanner