slideDown()，slideUp()在IE无效果

最新推荐文章于 2022-11-29 23:31:31 发布
最新推荐文章于 2022-11-29 23:31:31 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： JavaScript
本文探讨了在火狐浏览器和其他浏览器中使用不同方法实现元素显示与隐藏时的效果差异。在火狐浏览器中使用 slideDown() 和 slideUp() 方法可以实现元素的上下渐显效果；而在其他浏览器中，采用 show('fast') 和 hide('fast') 方法则会产生斜向渐显的效果。

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

if ($.browser.mozilla)
{
   //火狐下用
   //slideDown(),slideUp()
}
else
{
  //其它浏览器改为：
  //show('fast'),hide('fast')
}

 

两者的效果区别：

  • slideDown() / slideUp() 上下渐现
  • show("fast") / hide("fast") 斜向渐现

 

html 向上滑动,jQuery - 使用.slideUp()方法向上滑动HTML元素
weixin_42500791的博客
06-03 1278
jQuery .slideUp()方法向上滑动HTML元素方法的三个参数都是可选的。滑动速度或者说动画持续时间，可以是数字(毫秒)或者是'fast','slow'等字符串。动画速度为'fast'时候相当于200毫秒，同样'flow'相当于600毫秒。如果没有指定速度则默认为400毫秒。$.slideUp()能够指定回调函数，当动画完成时执行该回调函数。html>div{text-alig...
jquery的slideUp，slideDown对table无效果
韦奕-web前端开发
10-16 2869
如题 。 今天写一个日历组件时碰到的，没有测试所有的浏览器，至少在chrome是这样。 解决方案： table外套一层div.
jquery的slideUp、slideDown函数在IE中的bug
fly2004jun的专栏
07-09 5314
jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug 原文出处 jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug： 1. 因position引起的问题 影响：IE全系列 症状：在需要slide的层中，如果存在posi
IE8中Jquery slideUp、slideDown方法由Position属性引起的Bug
itguaicai的专栏
01-21 2059
问题描述 今天发现在IE8中，用slideDown()显示一个隐藏的元素没有显示出来。 原因 在需要slide的层中，如果存在position:absolute 或 position:relative 定位的层，在IE下，滑动过程中这些层不会随之显示和隐藏，效果动作完成之后，这些层才会一次性隐藏。见：http://sxlkk.iteye.com/blog/2022690 解决方
解决slideup或slidedown图片抖动
xstate的博客
06-26 944
【百度上说加上stop(true)，但在我这里没用】 使用JQuery的slideup或者slidedown时，图片出现抖动，在最前面加上以下即可
jquery的slideUp、slideDown函数在IE中bug解决办法
YouDesign的专栏
04-23 951
jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下（7和7之前都有这个问题），滑动过程中这些层不会随之显示和隐藏，效果动作完成之后，这些层才会一次性隐藏。        解决方法：在设置效果的元素的css里面加上 position:relative and zoom:1，问题就解决了！
6种切片过渡效果jQuery幻灯片兼容IE8
除此之外，还可能使用`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`, `.slideDown()`, `.slideUp()`等预设的动画效果。 ### 浏览器兼容性处理 文件中特别提到幻灯片代码兼容IE8浏览器。IE8是微软公司在2009年...
蓝色jQuery滑动导航栏，兼容 IE 6789 及其它主流浏览器
05-20
在创建滑动导航栏时，jQuery的`.slideDown()`和`.slideUp()`方法将用于控制导航栏的显示和隐藏，而`.hover()`方法可以用来监听用户的鼠标悬停事件，触发滑动效果。 导航栏的基本HTML结构通常包括`<nav>`元素，内含...
用CSS3和jquery实现的图片墙效果
06-10
3. **动画效果**：jQuery的`fadeIn()`, `fadeOut()`, `slideDown()`, `slideUp()`等函数，提供了一套简洁的接口，用于创建动画效果，增强用户体验。 4. **AJAX**：如果图片墙需要加载更多内容，jQuery的`$.ajax()`...
jQuery实现滚动效果
04-11
1. 使用`.slideUp()`和`.slideDown()`函数，通过改变元素的高度来实现内容的隐藏和显示，形成滚动效果。 2. 利用CSS的`transform`属性配合`.animate()`，改变元素的`translateY`值，模拟文字的滚动。 具体实现时，...
jquery实现的2款具有滑动效果的导航代码，鼠标移动可触发导航hover状态的滑动效果
05-19
通过调整CSS属性（如`top`、`left`、`width`、`height`等）和使用`.slideDown()`, `.slideUp()`或`.slideToggle()`方法，可以实现这种平滑过渡效果。 3. **导航菜单**：导航菜单是网站布局的重要组成部分，用于帮助...
005_滑动效果
aihiao的专栏
11-19 355
1. jQuery滑动方法 1.1. 通过jQuery, 您可以在元素上创建滑动效果。 1.2. jQuery拥有以下滑动方法: slideDown()、slideUp()和slideToggle()。 2. slideDown()方法 2.1. slideDown()方法通过使用滑动效果, 显示隐藏的被选元素。 2.2. 语法: $(selector).slideDown(speed,callback); 2.3. 参数 2.4. 如果元素已经是完全可见, 则该效果不产生任何变化,
jQuery:使用slideDown()动画无效果
白的夜的博客
11-29 602
添加样式之后即可实现滑动效果。
Jquery中在slideUp等动画后设置css()可能无效的原因
落日夕霞的博客
10-18 2415
Jquery中在slideUp等动画后设置css()可能无效的原因
解决slideDown()、slideUp()执行结束后才执行下一次，导致鼠标离开后很久动画依然在执行的问题...
baifu2766的博客
12-29 361
问题描述： 给一个容器设置了mouseenter时，一个隐藏的box通过slideDown()显示出来；mouseleave时，通过slideUp()隐藏。 当鼠标不断在容器上滑过时，会导致鼠标离开很久后，动画也在不断执行 解决方法： 使用(selector).stop(stopAll,goToEnd);如：(this).find(...
关于jQuery的slideDown()不起作用问题解决
浪子城
08-23 3649
关于jQuery的各种坑爹属性，这里不做详述，本文只讲述jQuery中的slideDown和slideUp和slideToggle方法不能出现上下滑动的解决办法。 方法作用的原因 这个原因也是我的推断。<img>的src属性指向图片的地址，然后读取解析显示出来。但<img>在显示图片之前并不知道图片本身的宽度和高度属性，所以在调用slideDown()方法时，浏览器并不知...
把slideDown还给IE7—解决IE中slideDown动画出错问题
nick848的专栏
02-07 2009
再次碰到了IE中这个让人头疼的BUG，记得之前有分享过一篇博客，也是网上搜索到的一些解决方案，其实没能真正的解决问题，只不过是绕过了这块绊脚石，果然，今天还是又碰到了。以下都拿slideDown作例子，slideUp同样操作。         两种情况：1. slideDown 下拉动画变形，最终定格时正常。     2. slideDown 下拉动画正常，最终定格时消失。
探索GreenSock实现高效JS滑动效果
- **使用jQuery插件**：jQuery提供了许多内置的方法来处理滑动效果，例如`slideDown()`, `slideUp()`, `slideToggle()`等。 - **使用GSAP（GreenSock Animation Platform）**：GSAP是一个专门用于网页动画的高性能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值