首先非常感谢网友涛涛的无私分享,此作品是一款非常实用的jquery插件,实现了图片上下左右4个方位的无缝滚动功能,插件功能的代码非常简洁,灵活配置6个参数,控制滚动的速度、绑定向4个方位滚动的按钮、容器的样式和移动的样式等。。。
页面初始化的jquery代码如下:
$(function(){
$('.slider-box').mySlider({ //参数可选,以下为默认参数
speed: 300,
direction: 'left', // 运动方向 可选 left,top
prevClass: 'slider-prev',
nextClass: 'slider-next',
wrapperClass: 'slider-wrapper',
moveClass: 'slider-move'
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友涛涛 无缝滚动 滚动特效 图片滚动 滑动插件 ImgScroll jquery.slider