jQuery中animate的一个隐藏很深的坑

最新推荐文章于 2022-03-02 14:33:17 发布
最新推荐文章于 2022-03-02 14:33:17 发布
阅读量248 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/dadSheng/p/6485560.html
版权

　　最近在做一个类似于幻灯片的网页电子简历，主要使用的是jQuery的animate函数，碰到了一个坑，跳坑花了两小时。

　　jQuery对象才能使用它的函数，如果用选择器同时选中2个元素的话，animate函数的回调函数会执行2次，开始还以为是逻辑错误，判断了半天。后来静下心排错，终于发现了这个坑。

　　

转载于:https://www.cnblogs.com/dadSheng/p/6485560.html

alvj24583
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery学习之路Part4：animate动画(隐藏/显示、淡入淡出、滑动、自定义动画、动画队列、停止动画)
"✧treasure mountain✧"
03-07 8336
一、隐藏/显示 1、显示 show([速度],[回调函数]) 例： 显示所有p元素 $("p").show(); 2、隐藏 hide([速度],[回调函数]) 例： 隐藏所有p元素 $("p").hide(); 3、显示和隐藏之间智能切换 相当于是一个开关 若是开着就将其关闭 若是关着就将其开启 toggle([速度],[回调函数]) 注：不传入速度参数则无动画效果 传入字符串： fas...
Jquery 1.4.2 animate的BUG
weixin_30666943的博客
04-17 105
1 var d ={queue: false, duration: 500} 2 $('body').animate( {} ,d); 3 $('body').animate( {} ,d); 4 console.log(d) 5 return 运行以上代码, firebug会报too much recursion 错, 原因是jqueryspeed中的(1.4.2 569...
超简单的animate隐藏动画
weixin_44134551的博客
03-25 301
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <script src="jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> .
jquery animate 显示隐藏
Enn的数据库
01-02 2038
jquery 中 animate(动画)  显示隐藏 需要使用 opacity(透明度:0跟1)， 使用display和visibility 是无效的.
Adobe Edge Animate 1.0 -- 跨元素跨舞台操作函数总结
weixin_30340617的博客
07-20 166
AdobeEdgeAnimate1.0--跨元素跨舞台操作函数总结 版权声明: 本文版权属于北京联友天下科技发展有限公司。 转载的时候请注明版权和原文地址。 之前的教程通过了一些例子来讲解Edge的功能，下面将为大家总结一些Edge中的跨元素跨舞台操作的函数。 1.从舞台进入一个元件或者元素的时间线，播放这个元件或元素的动画：sym.getSymbol("symbolNa...
jquery三维空间菜单隐藏特效特效代码
03-20
在实际应用中，开发者通常会编写一个jQuery插件来封装这种特效，方便复用和维护。插件可能包含初始化函数、设置选项、事件处理等核心部分，使用者只需要调用这个插件，并传入必要的配置参数，就能在自己的项目中轻松...
jQuery实现的在固定的新闻列表中滚动下一级特效源码.zip
11-18
这个“jQuery实现的在固定的新闻列表中滚动下一级特效源码.zip”压缩包包含了实现一个特定功能的代码，即在固定的新闻列表中，通过滚动触发下一级别的内容展示。下面我们将详细探讨相关的知识点。 1. **jQuery基本...
jquery缓冲下拉导航菜单特效特效代码
03-20
"jQuery 缓冲下拉导航菜单特效"是一个高效且实用的解决方案，尤其适用于那些希望为网站增添互动性和视觉吸引力的开发者。这个特效利用了jQuery库的强大功能，结合CSS样式，以平滑的动画效果呈现下拉二级菜单，提升...
jQuery仿360弹幕效果特效代码
03-20
在IT行业中，jQuery是一种广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。...对于初学者，这是一个很好的实践项目，可以加深对jQuery的理解，同时也能提升动手能力。
带左右控制按钮jQuery仿京东图片轮播代码.zip
最新发布
09-25
这是一个基于jQuery实现的图片轮播代码包，...对于初学者来说，这是一个很好的实践机会，可以通过研究和修改代码来加深对jQuery的理解；对于有经验的开发者，它可以作为一个快速实现轮播功能的起点，进一步优化和完善。
animate四个参数使用
qq_38008818的博客
08-13 5649
1.对象，里面穿需要动画的样式 2.speed执行动画时间 3.执行动画效果 4.回调函数 $('#box').animate({left:800,top:800},8000,"swing",function(){console.log('123')}); 参数只有第一个必填...
Animate中嵌套使用
zhenyancy1993的博客
03-02 373
由于下面这种形式利用Animate不可以运行（但是Manipulate可以运行），示例代码： Clear["`*"]; f[x_, a_, b_, c_] = a*x^2 + b*x + c; Animate[Plot[f[x, a, b, c], {x, -2, 1}], {a, c, 2}, {b, -3, c}, {c, 1, 7}] Manipulate[ Plot[f[x, a, b, c], {x, -2, 1}], {a, c, 2}, {b, -3, c}, {c, 1, 7}]
动画函数的实现、封装、回调函数
weixin_50119334的博客
10-07 286
动画函数封装 动画实现原理： 核心原理：通过定时器 setInterval（）不断移动盒子 实现步骤： 获得盒子的当前位置 让盒子在当前位置加上一个移动距离 利用定时器不断重复这个操作 加一个结束定时的条件 注意此元素需要添加定位，才可以使用element.style.left <style> div { position: absolute; width: 100px; height: 100px; backgr
animation动画封装函数（js小案例）
weixin_45773503的博客
06-05 453
function animation(obj, target, callback) { clearInterval(obj.timer); /* 让每次只有一个定时器 */ obj.timer = setInterval(move, 30); // 1. 不占内存 2. 避免命名冲突 function move() { /* 将目标值取整 */ var step = (target - obj.offsetLeft) / 10; ..
JQuery中animate的一些坑
exialym的博客
04-07 3329
autoanimate对auto支持的很不好，在做动画的时候很不方便。height，left等属性都不支持auto。 对于height在每次执行animate之前通过.height()方法读取一下就好。 对于left使用.position().left方法来读取。不过对于left来说还有一个问题，在改left或right之中的一个的时候需要把另一个置为auto，否则这两个会互相影响。positi
jQuery animate(）的坑
sunshine940326的博客
10-20 999
jQuery有一个动画队列，用以维护对于此节点的动画操作，你的代码的意思是：每次focus的时候，都给节点元素绑定一个blur事件处理函数，而之前的方法并没有消失掉，还在队列里，所以多次focus之后，队列里的事件处理函数就有很多了，因为执行的函数多了，所以你的代码运行速度就慢了。 在jQuery中，通过animate()可以实现元素的动画显示，但在显示的过程中，必须要考虑各种客观因素和限制性条件
animate用法 js原生_看了就会，原生js实现碰壁反弹效果
weixin_30306507的博客
12-25 258
谷歌浏览器中代码运行效果图写在前面，觉得文章还可以的朋友，可以点一手关注，在前端学习路上，我与你一路前行。原生js效果实现小球碰壁反弹效果。在谷歌浏览器中运行的，曾经一位高级程序员说过，能用js实现的，终究还是用js实现。所以原生js技能对于前端工程师特别重要。这个小demo的重点和难点就是鼠标事件函数，和offsetHeight与offsetTop的区别于用法。如果有朋友进行优化了，还请赐教，因...
jQuery基础（动画篇 animate，显示隐藏，淡入淡出，下拉切换）
weixin_30681121的博客
05-13 1514
1.jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数： .hide( options )当提供hi...
jQuery中 animate.css 使用方法
06-06
首先，需要在页面中引入 jQuery 和 animate.css 的文件： ```html <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值