ScrollPic js——图片左右滚动插件（单一功能）

               

客观的讲，scrollpic.js的确是一个很好用的图文滚动插件，它不但可以左右控制无缝连续滚动，还可以兼容如此多的浏览器，真的是难能可贵。对于没有太多JS专业功底的网页生产者，这个插件用起来也不是很难，所以当你需要时就不妨大胆的用吧。

插件的下载地址：ScrollPic.js

使用方法：

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

DEMO的截图 ：

demo演示地址

           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.youkuaiyun.com/jiangjunshow