Warning: date(): Invalid date.timezone value 'HKT', we selected the timezone 'UTC' for now. in /home/mrgcom/public_html/catalog/controller/common/footer.php on line 48 jQuery效果函数02

The One 专一

jQuery效果函数02

jQuery 效果函数

方法描述
animate()对被选元素应用“自定义”的动画
clearQueue()对被选元素移除所有排队的函数(仍未运行的)
delay()对被选元素的所有排队函数(仍未运行)设置延迟
dequeue()运行被选元素的下一个排队函数
fadeIn()逐渐改变被选元素的不透明度,从隐藏到可见
fadeOut()逐渐改变被选元素的不透明度,从可见到隐藏
fadeTo()把被选元素逐渐改变至给定的不透明度
hide()隐藏被选的元素
queue()显示被选元素的排队函数
show()显示被选的元素
slideDown()通过调整高度来滑动显示被选元素
slideToggle()对被选元素进行滑动隐藏和滑动显示的切换
slideUp()通过调整高度来滑动隐藏被选元素
stop()停止在被选元素上运行动画
toggle()对被选元素进行隐藏和显示的切换


jQuery hide() show() 隐藏和显示HTML元素

语法:

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

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

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"normal"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

jQuery toggle()

通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素,并隐藏已显示的元素:

jQuery Fading 方法

通过 jQuery,您可以实现元素的淡入淡出效果。

fadeIn()

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

fadeOut()

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

fadeToggle()

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

fadeTo()

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

jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"normal"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。


hide(),show(),toggle()

fadeIn(),fadeOut(),fadeToggle,fadeTo()

这两个方法都是使元素的CSS属性从display:none,变成display:block,不同的是fading()方法会额外增加一个属性opacity透明度的变化过程,从1到0.如果增加时间进去,hide(),show()方法不仅会有opacity的变化,元素的width,height,padding,margin,overflow等多个CSS样式也会跟着变化.这就是两者的差别.

Powered By 爱你若晴天
身体健康 © 2017 粤ICP备14081548号-1

Article

Shopping

Search

Me