首先非常感谢网友Kevin的无私分享,此Jquery插件实现图片滚动功能,这是他写的一款原创作品,插件命名为kevinScroll,现在分享的是V1.0版本,还在不断完善中,插件功能非常强大,可以灵活设置7个参数,页面上可以多次调用都不起冲突,插件代码功能注释写得非常详细,方便大家学习用。
参数配置介绍:
/*
scroll v 1.0
by Kevin Shi 2013-04-27 22:13:25
shiyongooo123@sina.com
滚动动画
batObj (按钮元素)
batType (按钮类型:bat(按钮) num(数字按钮) img(图片))
direction (方向:E(东)S(南)W(西)N(北))
preBat (上一个按钮元素)
nextBat (下一个按钮元素)
speed (滚动速度)
scrollSpeed (动画速度)
*/
页面初始化代码如下:
$(function(){
$(".scrollW").kevinScroll({
batObj : ".batDivW",
batType : "num",
direction : "W",
preBat : ".preW",
nextBat : ".nextW",
});
$(".scrollE").kevinScroll({
batObj : ".batDivE",
direction : "E",
});
$(".scrollS").kevinScroll({
batObj : ".batDivS",
direction : "S",
});
$(".scrollN").kevinScroll({
batObj : ".batDivN",
batType : "bat",
direction : "N",
preBat : ".preN",
nextBat : ".nextN",
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
kevinScroll 网友Kevin 滚动特效 无缝滚动 滑动插件 幻灯片 图片播放 图片滚动 图片轮播 Jquery焦点图 ImgScroll