第一种效果:图片上下滚动


除了绑定两个控制上下滚动的按钮,其它的都用了插件的默认值,所以调用的时候只写两个参数即可

参数配置如下:
$("#mhscroll1").manhua_ImageScroll({
	up_left:"news_rolling_up",//绑定控制向上或向左滚动的按钮
	down_right:"news_rolling_down"	//绑定控制向下或向右滚动的按钮
});
向上滚动 向下滚动


第二种效果:图片左右滚动


所有的参数都重新初始化了一遍,具体的看如下配置和注释

参数配置如下:
$("#mhscroll2").manhua_ImageScroll({
	scrollCount:1,//图片滚动个数(默认为1个)
	type: 1,//滚动类型(1、左右滚动 2、上下滚动)
	width: 240,//显示图片的宽度
	height: 160,//显示图片的高度
	showCount: 3,//图片显示个数
	margin: 10,//图片与图片之间的间隔宽度(默认为:10)
	up_left: "news_rolling_l",//绑定控制向上或向左滚动的按钮
	down_right: "news_rolling_r",//绑定控制向下或向右滚动的按钮
	speed: 500,//图片滚动的速度,数值越大,速度越慢(毫秒)
	time: 4000,//图片滚动的时间间隔(毫秒)
	state: 0,//默认向下或向右滚动状态	
	easing: "easeOutElastic"//图片滚动动画类型(配合jQuery-easing.js动画插件里的参数)
});	
向左滚动 向右滚动