您现在的位置是:首页 > Javascript
当前栏目
jQuery翻牌或百叶窗效果
2023-03-14 22:43:50 时间
效果预览:
动态效果请进入:http://www.cnblogs.com/lufy/archive/2012/06/07/2539744.html观看
- $(function(){
- var timer = true; //执行向上或向下的开关
- var liindex = 0; //LI的索引
- var $div = $(".byc").find("div");
- //每隔三秒执行一次变换LI的内容
- var set1 = setInterval(function(){
- ainbyc($div);
- liindex = 0;
- timer = !timer;
- },3000);
- //LI变换的方式,即每隔100ms,让下一个LI移动top值;
- function ainbyc(ds){
- var set2 = setInterval(function(){
- //所有的LI移动完毕,就清除
- if(liindex == $div.length){
- clearInterval(set2);
- //向上
- }else if(timer){
- ds.eq(liindex).animate({"top":0},100);
- //向下
- }else{
- ds.eq(liindex).animate({"top":-25},100);
- }
- liindex++;
- },100);
- }
- })
详细分析请进入:http://bbs.miaov.com/forum.php?mod=viewthread&tid=5578观看视频,这里只总结一下。
1.清除定时器clearInterval,先前我写在了外面,应该是写在setInterval里面。
2.当不确定布尔是什么值的时候,可以这样写:timer = !timer;
相关文章
- 基于RethinkDB +React Native开发实时移动Web应用程序
- 基于Angular 2 CLI开发CRUD应用程序
- 图解Javascript原型(prototype)链
- 前端开发中的字符编码详解
- Hadoop,Zookeeper这些名字都是怎么来的呢?
- 最全面的前端开发指南
- 程序员必知的前端演进史
- Hadoop生态系统各组件与Yarn的兼容性如何?
- WordPress.com 开源,弃 PHP 改用 JavaScript
- 利用Node.js创建Web应用程序前须了解这七项
- JS的运行机制
- 使用Ambari接管线上Hadoop游戏数据集群的避坑秘籍
- 我已经写了48年代码了,我感觉我还能写下去
- Java Servlet 工作原理问答
- 12 个非常实用的 jQuery 代码片段
- Hadoop生态组件Yarn之长期运行服务支持篇!
- 如何在自己的网站上实现QQ授权登录
- 文本相似度判定
- 怎样新学一门技术? 从零到能写Web管理系统的经历
- 五种好用的实时网站分析工具