推荐一款带左右按钮无缝图片滑动JS插件

JavaScript 2012-07-23 JS,图片滑动

由于手上正好有一个需求,点击左右箭头可以滑动图片并且要求无缝效果,本来想自己写的但越写越发现貌似力不从心,于是从网上搜搜,结果找到了这一款插件。插件的作者以及相关信息我没有去关注,但下载过来用了一下,发现效果很不错,还支持自动滑动,非常完美的一款插件。

插件的下载地址:ScrollPic.js

使用方法

// 先加载ScrollPic.js插件后再执行以下语句
window.onload = function(){
	scrollPic_01 = new ScrollPic();
	scrollPic_01.scrollContId   = "pic"; //图片容器ID
	scrollPic_01.arrLeftId      = "left"; //左按钮ID
	scrollPic_01.arrRightId     = "right"; //右按钮ID
	scrollPic_01.frameWidth     = 840; //图片容器宽度
	scrollPic_01.pageWidth      = 210; //每张图片宽度
	scrollPic_01.speed          = 10; //移动速度(单位毫秒,越小越快)
	scrollPic_01.space          = 10; //每次移动像素(单位px,越大越快)
	scrollPic_01.autoPlay       = false; //自动播放
	scrollPic_01.autoPlayTime   = 3; //自动播放间隔时间(秒)
	scrollPic_01.initialize();  //初始化
}

我做了一个DEMO

DEMO截图

推荐一款带左右按钮无缝图片滑动JS插件

DEMO地址:www.qttc.net/static/demo/scrollpic

文字链接:《推荐一款带左右按钮无缝图片滑动JS插件

文章地址:http://www.qttc.net/201207140.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 3