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>
最新文章
- C#调用win32 api程序实例
- Latex图片显示问题(1)
- bootstrap实现嵌入的button
- flume+kafka+smart数据接入实施手册
- java基础学习总结——java环境变量配置
- PHP 文件迭代器
- 翻译:用Javascript的Function构造器伪造上下文 by Ben Nadel
- codeforces 624A Save Luke(水题)
- UVaLive 7371 Triangle (水题,判矩形)
- 【KMP原理】【整理回顾】
- Google Developers中国网站发布!(转)
- iOS-开发日志-UIPageControl
- 向EXECL文件中导入数据的同时插入图片
- [LeetCode] 二叉树相关题目(不完全)
- Kafka运行一段时间报错Too many open files
- input autocomplete属性设计输入框自动联想(php实现)
- myeclipse部署报错报空指针异常
- Django 异步化库celery和定时任务
- JSON序列——主从表查询
- effective VBA