• 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>

     

  • 相关阅读:
    10.30 afternoon
    10.29 afternoon
    10.29 morning

    10.27 noip模拟试题
    codevs 3052 多米诺 二分图匹配
    poj 1849 Two
    10.26 noip模拟试题
    10.25 noip模拟试题
    .NET Core EF 版本问题
  • 原文地址:https://www.cnblogs.com/gaoxuqing/p/6807929.html
Copyright © 2020-2023  润新知