此
Jquery插件是一款结合了互联网上多种图片滚动特效而编写的实用的功能,为了方便网友们的学习,今天终于把它编写完成,第一时间发布与大家分享,它的功能非常强大,跟Jquery动画插件jQuery-easing.js配合使用,增强了插件的视觉体验效果。
可支持以下功能:
1、图片滚动个数(默认为1个)
2、滚动类型(1、左右滚动 2、上下滚动)
3、显示图片的宽度
4、显示图片的高度
5、图片显示个数
6、图片与图片之间的间隔宽度(默认为:10)
7、绑定控制向上或向左滚动的按钮
8、绑定控制向下或向右滚动的按钮
9、图片滚动的速度,数值越大,速度越慢(毫秒)
10、图片滚动的时间间隔(毫秒)
11、默认向下或向右滚动状态
12、图片滚动动画类型(配合jQuery-easing.js动画插件里的参数)
参数配置如下:
var defaults = {
scrollCount: 1,//图片滚动个数(默认为1个)
type: 2,//滚动类型(1、左右滚动 2、上下滚动)
width: 240,//显示图片的宽度
height: 160,//显示图片的高度
showCount: 2,//图片显示个数
margin: 10,//图片与图片之间的间隔宽度(默认为:10)
up_left: "up_left",//绑定控制向上或向左滚动的按钮
down_right: "down_right",//绑定控制向下或向右滚动的按钮
speed: 500,//图片滚动的速度,数值越大,速度越慢(毫秒)
time: 3000,//图片滚动的时间间隔(毫秒)
state: 1,//图片的滚动状态(0、向上或向左滚动,1、向下或向右滚动)
easing: "easeOutElastic"//图片滚动动画类型(配合jQuery-easing.js动画插件里的参数)
};
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
原创 漫画原创 动画插件 图片滚动 跑马灯