ScrollPic.js—简单易用的图片左右滚动插件
来源:互联网 发布:山本宽来中国 知乎 编辑:程序博客网 时间:2024/06/05 10:54
1:下载ScrollPic.js。下载地址:http://www.jq-school.com/DownLoad.aspx?id=278ScrollPic.js对于一些新手来说是一个很好理解运用的图片左右滚动插件,兼容性较好,可以放心大胆的使用。
2:引入
<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script><script src="js/ScrollPic.js" type="text/javascript" charset="utf-8"></script>
3:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>图片左右滚动</title><style type="text/css">ul{list-style: none;padding: 0;margin: 0;}.photo_nr ul li {float: left;margin: 0 15px;line-height: 30px;text-align: center;}.photo_nr p {padding: 0;margin: 0;}a{background: url(img/ljt.jpg) no-repeat;width: 40px;height: 40px;display: block;}</style></head><body><div class="photo_nr"><a href="javascript:;" id="LeftArr"></a><ul id="picList1"><li><div class="photo_img"><img src="img/news_1.png" alt=""/></div><p>图片滚动</p></li><li><div class="photo_img"><img src="img/news_1.png" alt=""/></div><p>图片滚动</p></li><li><div class="photo_img"><img src="img/news_1.png" alt=""/></div><p>图片滚动</p></li><li><div class="photo_img"><img src="img/news_1.png" alt=""/></div><p>图片滚动</p></li><li><div class="photo_img"><img src="img/news_1.png" alt=""/></div><p>图片滚动</p></li><div style="clear: both;"></div></ul><a href="javascript:;" id="RightArr"></a></div><script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script><script src="js/ScrollPic.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">$(function () {var cc1 = new ScrollPic();cc1.scrollContId = "picList1"; // 内容容器ID,picList1加到容器上,cc1.arrLeftId = "LeftArr";//左箭头ID cc1.arrRightId = "RightArr"; //右箭头IDcc1.frameWidth = 1200; //显示框的宽度cc1.pageWidth = 1; //翻页宽度cc1.speed = 10; //移动速度(单位毫秒,越小越快)cc1.space = 10; //每次移动像素(单位px,越大越快)cc1.autoPlay = true; //自动播放cc1.autoPlayTime = 0.03; //自动播放间隔时间(秒)cc1.initialize(); //初始化 });</script></body></html>
阅读全文
1 0
- ScrollPic.js—简单易用的图片左右滚动插件
- ScrollPic.js——图片左右滚动插件(单一功能)
- jquery插件实现图片的左右滚动
- js图片左右滚动
- jquery.flexslider.js带左右箭头且带按钮可滚动的图片插件
- 图片浏览的Scrollpic改写
- Js图片连续左右滚动
- js图片左右无缝滚动
- ScrollPic.js
- js图片根据鼠标左右滚动的效果
- 带左右箭头切换的自动滚动图片JS特效
- 10款jQuery图片左右滚动插件
- 用AJAX做的图片滚动效果(左右滚动)
- 简单的jquery图片滚动插件
- 左右滚动的图片效果
- 左右滚动的图片代码
- JS浏览图片,左右滚动效果
- js实现图片左右循环滚动
- ASM上配置GoldenGate
- git错误和一些常用命令
- 设置显示图片的类
- cordova add android platform 的 cordova-android 版本选择
- JavaScript验证输入的string的内容是不是数值
- ScrollPic.js—简单易用的图片左右滚动插件
- 快逸报表数据库密码加密解决方案
- centos 6.5 nginx服务器配置
- 图像的四种类型及简述
- javac编译原理
- java 中 12.0f-11.9f=0.10000038,"减不尽"为什么?
- leetcode 96|95. Unique Binary Search Trees 1|2
- tablayout动态添加fragment
- 面试官之初体验,请考虑