ScrollPic.js——图片左右滚动插件(单一功能)

来源:互联网 发布:server name 多个域名 编辑:程序博客网 时间:2024/06/15 06:19

客观的讲,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演示地址


0 0