jquery中animate()函数不能调用元素的display属性

最新推荐文章于 2020-12-05 16:46:50 发布
原创 最新推荐文章于 2020-12-05 16:46:50 发布 · 4.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在使用jQuery库时，如何通过animate()方法改变元素的透明度(opacity)来实现显示或隐藏效果，而不是直接修改display属性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在使用jquery时，用animate()去变更元素的display属性时，没有效果，不过animate()函数可以调用元素的opacity属性，设置opacity的值也可以达到显示或隐藏的效果。


相关文章

kbx8916
关注
jQuery1.5.1 animate方法源码阅读
12-08
在jQuery 1.5.1版本中，`animate`函数主要用于处理对象的属性动画，如移动、缩放、旋转等。以下是该方法的详细解析： ### 功能概述 `animate`方法接收四个参数： 1. `prop`：一个JavaScript对象，包含要动画化的...
jquery animate分页标签按钮鼠标悬停滑动展开分页按钮
11-08
在本主题中，我们将聚焦于如何使用jQuery的animate函数来实现一种动态效果：当鼠标悬停在分页标签按钮上时，这些按钮会滑动展开。这将增加交互性和视觉吸引力。 jQuery是一个轻量级、高性能的JavaScript库，提供了...
jQuery中animate()函数无法调用display属性
weixin_43353035的博客
12-05 679
今天用 jQuery 写一个小功能的时候，想要利用 jQuery 中的 animate（） 函数去改变元素的 display 属性时，发现是不可行的。 原因：不是所有样式属性都会被动画 animate 所支持的 解决方法：可以操作它的opacity属性来控制； ...
jQuery基础（动画篇 animate，显示隐藏，淡入淡出，下拉切换）
xiaozhen0610的博客
08-02 2160
1.jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数： .hide( options )当提供hide方法一个参数时，.hide()就会成为一个动画方法。.hide()方法将会匹配元素的宽度，高度，以及不透明度，同时进行动画操作...
jquery特别注意:animate 不支持 display:none;block
weixin_34198881的博客
06-06 976
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery中的动画
学如逆水行舟，不进则退
06-08 1632
自带动画函数 show()方法和hide()方法 调用show()函数会将该元素的display属性设置为none，将元素隐藏 调用hide()函数会将该元素的display样式设置为原来的值，将元素重新显示 Tip： 使用该方法时，元素的宽度/高度/透明度是同时变化的。可以给该方法传递参数”fast”,”normal”,”slow”,或着之间填数字（单位是毫秒）控制元素消失/出
掌握jQuery动画效果：animate函数的使用与技巧
那些不支持数值的属性（如 `display` 或 `position: static`）或通过 `var()` 函数定义的CSS自定义属性将不会有效果。 - 动画会应用到所有匹配的元素上。如果需要对不同的元素应用不同的动画效果，可能需要使用 `...
jquery队列函数用法实例
12-10
首先，`div`元素被显示（`show("slow")`），然后通过`animate()`方法改变`left`属性，使元素向右移动200像素。接下来，有两个匿名函数被加入到队列中：一个用于改变背景颜色（`addClass("newcolor")`），另一个用于...
jQuery中的animate方法不支持设置有关颜色的属性
qq_41818857的博客
03-06 455
jQuery中的animate方法不支持设置有关颜色的属性比如： backgroundColor,color… 因为色彩动画并不包含在核心 jQuery 库中 如果一定要用，则需要下载 在它的官网上下载Color Animations 插件 ...
jquery animate 显示隐藏
Enn的数据库
01-02 2088
jquery 中 animate(动画)  显示隐藏 需要使用 opacity(透明度:0跟1)， 使用display和visibility 是无效的.
jQuery animate（）写弹层
this_ITBoy的博客
05-16 1590
页面里面的弹层我们一般比较容易想到先设置弹层的display:none;然后用点击事件触发show(),使其显现，这样做最简单也最好理解。不过这样就没有其他的一些好看点的效果了，就是简单的显示隐藏，这里可以用到jQuery的animate()方法完成简单的动画效果。 弹层的css代码: .popBox{position:fixed;width:100%;z-index:15;bottom:-5
通过animation实现display的block与none的动画效果
热门推荐
yumihe
08-12 1万+
html: <!--遮罩层--> <div class="list-mask" :class="listShow ? 'show' : ''" @tap="hideList"> </div> js: data() { return { showList: false // 开始隐藏 } }, methods: { ..
jq04--自定义动画animate()、hide()/show()/toggle()、slideUp()/slideDown()/slideToggle()、fadeIn()/fadeOut()
muzidigbig的博客
07-10 783
jq的动画实质是通过dom+自定义animate()（进行封装的最大的区别就是给它起了一个语义化的名称；api中的动画是把常用的封装好了我们直接调用即可，api中的动画基本上都是脱标）1.animate(params,[speed],[easing],[fn]);自定义动画参数详解：params:一组包含作为动画属性和终值的样式属性和及其值的集合（必选，json的形式）speed:...
关于 Jquery animate函数的问题
vane11的博客
08-11 256
今天也算以外，在写页面，做个日期滚动的插件 然后用到了animate这个函数，但每次动画位移总是进行 两次。。我也不知道为啥，试了很多方法都不得要领。最后在回调函数的结尾增加了 return 才暂时解决。 虽然还未明白原因 $("#content").stop().animate( {"left": movement}, 400, function(){changeAllA...
有限公司成立合作协议书.doc
最新发布
08-10
有限公司成立合作协议书.doc
mpu9650STM32f103c8t6例程
08-10
mpu9650STM32f103c8t6例程
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值