jquery淡入淡出,jquery淡入淡出问题

jQuery里面隐藏和显示效果怎么写?

1、jquery.show()和jquery.hide()方法

语法：

$(selector).show(speed,callback);

$(selector).hide(speed,callback);

2、jquery.toggle()方法

语法：

$(selector).toggle(speed,callback);

3、带有淡入淡出效果的显示和隐藏

$(selector).fadeIn(speed,callback)

$(selector).fadeOut(speed,callback)

$(selector).fadeToggle(speed,callback)

$(selector).fadeTo(speed,opacity,callback)

4、带有滑动效果的显示和隐藏

$(selector).slideDown(speed,callback)

$(selector).slideUp(speed,callback)

$(selector).slideToggle(speed,callback)

注意：

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

相关问答

Q1: jquery淡入淡出的slow是多久

animate slow的时间是600ms

官方文档的解释是:

Duration

Durations are given in milliseconds; higher values indicate slower animations, not faster ones. The default duration is 400milliseconds. The strings 'fast' and 'slow' can be supplied to indicate durations of 200 and 600 milliseconds, respectively.

引自:

Q2: 我想要的效果怎么用 Jquery 中 fadeIn() 和fadeOut() 实现鼠标移上去和移出来有一个淡入淡出的效果？

代码没有问题，是你的使用有问题：

fadeOut的意思是把元素透明直到透明度为0%的时候将元素display:none;

所以效果是完全正常的。

你要的效果应该是用fadeTo来实现，表示透明到指定的透明度就停止。

Q3: jQuery的fadeIn 和 fadeOut与与hover有什么区别？

首选 fadeIn fadeOut 是淡入,淡出事件, 你可以用任何你想的方式来触发,比如单击元素, 双击元素, 悬停元素等等

hover(function1,function2) 一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。 它已经预定义了触发操作为鼠标悬停(当然代码触发是另一回事)

其次 fadeIn fadeOut 已经预定义了触发事件后,元素的效果为淡入,淡出,

hover 没有规定,也就是说我们可以在 function1,function2(分别为鼠标悬停和鼠标离开事件) 事件中,做任何想做的事情,当然包括淡入淡出 效果

Q4: jquery addClass如何控制样式淡入淡出的速度？？？

addClass只能控制淡入和淡出，不能控制其速度。因为它相当于变量瞬间赋值。

如果用addClass现实就得用filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;写兼容样式

如果用animate()来完成就方便多了，不用考虑样式兼容问题。

animate({'opacity':'0.3%'},800); 800是速度

Q5: jquery中怎么设置元素的背景颜色淡入淡出。注意是背景颜色，不是图片

把背景和内容分离，把原背景相对与内容定位一个-2层，在-1层定位一个透明的线性渐变