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

最新推荐文章于 2021-09-28 11:11:23 发布
转载 最新推荐文章于 2021-09-28 11:11:23 发布 · 1.2k 阅读 · 1

本文探讨了在火狐浏览器和其他浏览器中使用不同方法实现元素显示与隐藏时的效果差异。在火狐浏览器中使用 slideDown() 和 slideUp() 方法可以实现元素的上下渐显效果；而在其他浏览器中，采用 show('fast') 和 hide('fast') 方法则会产生斜向渐显的效果。

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

 

两者的效果区别：

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

 

jquery案例4——jq动画、jq显示与隐藏（规定时间）滑动下拉slideDown，滑动上拉slideUp
努力、拼搏、奋进
05-16 526
一、案例描述 一打开页面，内容缓慢出现。 二、案例效果演示 三、案例局部代码 css代码： <style> div { width: 300px; height: 300px; border: 1px solid red; display: none; } img { width: 100%; height: 100%; } </
蓝色jQuery滑动导航栏，兼容 IE 6789 及其它主流浏览器
05-20
在创建滑动导航栏时，jQuery的`.slideDown()`和`.slideUp()`方法将用于控制导航栏的显示和隐藏，而`.hover()`方法可以用来监听用户的鼠标悬停事件，触发滑动效果。 导航栏的基本HTML结构通常包括`<nav>`元素，内含...
jquery的slideUp，slideDown对table无效果
韦奕-web前端开发
10-16 2882
如题 。 今天写一个日历组件时碰到的，没有测试所有的浏览器，至少在chrome是这样。 解决方案： table外套一层div.
jquery的slideUp、slideDown函数在IE中的bug
fly2004jun的专栏
07-09 5333
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 2071
问题描述 今天发现在IE8中，用slideDown()显示一个隐藏的元素没有显示出来。 原因 在需要slide的层中，如果存在position:absolute 或 position:relative 定位的层，在IE下，滑动过程中这些层不会随之显示和隐藏，效果动作完成之后，这些层才会一次性隐藏。见：http://sxlkk.iteye.com/blog/2022690 解决方
解决slideup或slidedown图片抖动
xstate的博客
06-26 958
【百度上说加上stop(true)，但在我这里没用】 使用JQuery的slideup或者slidedown时，图片出现抖动，在最前面加上以下即可
jquery的slideUp、slideDown函数在IE中bug解决办法
YouDesign的专栏
04-23 976
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年...
用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`值，模拟文字的滚动。 具体实现时，...
使用slideDown和slideUp做二级菜单时遇到的bug解决方法
Hfeidz的博客
09-28 325
处理导航时会遇到鼠标迅速移上去，迅速移开，然后就会发现，下来菜单逐渐消失，最后移上去的时甚至是不显示了。 只要将里面的第一个stop()改为stop(true,true).第二个stop()去掉即可。或者在第二个里面加上stop(true,true),第一个去掉。 或者使用这样子的函数：把第一个stop()改为filter(’:not(:animated)’).同样的第二个也不需要添加stop(). 这里面涉及到的其实就是一个动画的stop();函数 stop() 方法停止当前正在运行的动画。 $(sele
关于jQuery的slideDown()不起作用问题解决
浪子城
08-23 3682
关于jQuery的各种坑爹属性，这里不做详述，本文只讲述jQuery中的slideDown和slideUp和slideToggle方法不能出现上下滑动的解决办法。 方法作用的原因 这个原因也是我的推断。<img>的src属性指向图片的地址，然后读取解析显示出来。但<img>在显示图片之前并不知道图片本身的宽度和高度属性，所以在调用slideDown()方法时，浏览器并不知...
Jquery中在slideUp等动画后设置css()可能无效的原因
落日夕霞的博客
10-18 2430
Jquery中在slideUp等动画后设置css()可能无效的原因
解决slideDown()、slideUp()执行结束后才执行下一次，导致鼠标离开后很久动画依然在执行的问题...
baifu2766的博客
12-29 370
问题描述： 给一个容器设置了mouseenter时，一个隐藏的box通过slideDown()显示出来；mouseleave时，通过slideUp()隐藏。 当鼠标不断在容器上滑过时，会导致鼠标离开很久后，动画也在不断执行 解决方法： 使用(selector).stop(stopAll,goToEnd);如：(this).find(...
解决JQuery的 slideDown()函数导致ie6的overflow失效的个人解决办法。
qinglinglaoren的专栏
05-02 2875
我在写下拉菜单的时候，用到了slideDown()的下拉效果。 贴出代码比较直观一些。 无标题文档 ul,li { padding:0; margin:0; } ul { list-style:none; } #out { width:300px; height:400px; border:solid 1px #999; overflow:aut
把slideDown还给IE7—解决IE中slideDown动画出错问题
nick848的专栏
02-07 2026
再次碰到了IE中这个让人头疼的BUG，记得之前有分享过一篇博客，也是网上搜索到的一些解决方案，其实没能真正的解决问题，只不过是绕过了这块绊脚石，果然，今天还是又碰到了。以下都拿slideDown作例子，slideUp同样操作。         两种情况：1. slideDown 下拉动画变形，最终定格时正常。     2. slideDown 下拉动画正常，最终定格时消失。
jQuery slideDown下滑中出现反弹或者抖动现象
u012864281的博客
05-20 1419
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("div").slideUp(); }); .
探索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、付费专栏及课程。

余额充值