zoukankan      html  css  js  c++  java
  • ScrollPic.js——图片左右滚动插件

    自己在做项目的时候刚好遇到了图片做左右滚动的项目,发现ScrollPic.js这个插件还是很好用的,一般的浏览器都支持,也可以做成bootstrap样式;

    首先需要下载ScrollPic.js这个插件;

    使用方法:

    <SCRIPT language=javascript type=text/javascript>
    <!--//--><![CDATA[//><!--
    window.onload=function(){
    //首先需要加载ScrollPic.js插件
    var scrollPic_02 = new ScrollPic();
    scrollPic_02.scrollContId = "ISL_Cont_1"; //内容容器ID
    scrollPic_02.arrLeftId = "LeftArr";//左箭头ID
    scrollPic_02.arrRightId = "RightArr"; //右箭头ID

    scrollPic_02.frameWidth = 520;//显示框宽度(这个可以根据自己的需求进行更改)
    scrollPic_02.pageWidth = 104; //翻页宽度

    scrollPic_02.speed = 10; //移动速度(单位毫秒,越小越快)
    scrollPic_02.space = 10; //每次移动像素(单位px,越大越快)
    scrollPic_02.autoPlay = true; //自动播放
    scrollPic_02.autoPlayTime = 4; //自动播放间隔时间(秒)

    scrollPic_02.initialize(); //初始化

    //--><!]]>
    }
    </SCRIPT>

     

  • 相关阅读:
    装饰器
    函数的初识
    python的文件操作
    深浅copy
    set集合,是一个无序且不重复的元素集合
    基础数据类型 :字典
    列表的增删改查
    易错点 默认参数陷阱
    js中Array对象常用方法
    printf用法demo
  • 原文地址:https://www.cnblogs.com/gaoxuqing/p/6807929.html
Copyright © 2011-2022 走看看