jquery------.cycle的使用
2024-09-09 00:22:55
代码下载地址:http://malsup.github.io/jquery.cycle.all.js
把里面的代码复制到jquery.cycle.all.js里面
index.jsp
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/my.js"></script> <ul id="book">
<li><img title="A" src="addimage/2.jpg" width="300px" height="220px"></li>
<li><img title="B" src="addimage/gaoda.jpg" width="300px" height="220px"></li>
</ul>
my.js
$("#book").cycle({
timeout:2000,
speed:200,
pause:true
}); var $book=$("#book");
var $control=$("<div id='bc'></div>");
$control.insertAfter($book);
$("<button>pause</button>").click(function(event){
$book.cycle("pause");
}).appendTo($control);
$("<button>resume</button>").click(function(event){
//$book.cycle("resume");
var $pause=$("ul:paused");
if($pause.length){
$pause.cycle("resume");
}
else{
$(this).effect("pulsate",10);
}
}).appendTo($control);
最新文章
- 技海拾贝 - Android
- ORACLE手工删除数据库
- SVG 2D入门13 - svg对决canvas
- YII2.0 验证表单
- 设计模式之代理模式(Proxy)
- TIME_WAIT是什么?http连接
- trate
- IOS 日期选择
- eclipse下将普通的java工程转换成web工程
- java_ log4j的基本配置参数
- Tomcat性能优化及JVM内存工作原理
- Android RecyclerView 快速平滑返回顶部
- CAS5.3.0安装部署
- springboot 学习之路 22 (读取自定义文件)
- aop 记录用户操作(一)
- android studio java工程 报错
- redis String结构
- jQuery Validate验证方法及教程
- C# Console 运行之后最小化到状态栏
- Wishbone接口通用RAM
热门文章
- 027医疗项目-模块二:药品目录的导入导出-导入功能的Action的编写
- ViewStub的简单解析和使用场景
- 移动Web 开发中的一些前端知识收集汇总
- Linux中查看各文件夹大小命令du -h --max-depth=1
- 802.1x协议&;eap类型
- QT QString类
- echo&#160;";scale=100;&#160;a(1)*4";&#160;|&#160;bc&#160;-l&#160;输出圆周率
- 关于ARP攻击的原理以及在Kali Linux环境下的实现
- StretchDIBits函数
- EntityFramework_MVC4中EF5 新手入门教程之五 ---5.通过 Entity Framework 读取相关数据