程序博客网 > metatrader4交易软件

jQuery的动画-淡入淡出

来源：互联网发布：metatrader4交易软件编辑：程序博客网时间：2024/05/16 19:21

二、淡入淡出

1。fadeIn()：淡入已隐藏的元素

2.fadeOut()：淡出可见元素

3.fadeToggle()：可以在 fadeIn() 与 fadeOut() 方法之间进行切换

这三个方法使用方法是同样的：这里以fadeIn方法为例

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

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

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

4.fadeTo()元素渐变，给定的透明度（值介于 0 与 1 之间）

使用方法如下：

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

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

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

布局如下：

<body>

<button id="in">淡入</button>

<button id="out">淡出</button>

<button id="toggle">切换</button>

<button id="to">渐变</button>

<div style="width: 100px;height: 100px;background: red;display: none;">div1</div>

</body>

实现淡入淡出的效果：

0 0

metatrader4交易软件

metatrader4交易软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子杭州兰蔻兰蔻120 兰蔻清净爽肤水兰蔻粉水鉴别真伪兰蔻粉水适合多大年龄兰蔻粉水年龄雅诗兰黛兰蔻兰蔻抗皱紧肤眼霜兰蔻雅诗兰黛兰蔻粉水有什么优缺点兰蔻温热式海藻精华面膜兰蔻水份缘舒缓晚霜兰蔻属于什么档次雅诗兰黛和兰蔻哪个好兰蔻和雅诗兰黛哪个更好兰蔻粉水好用吗兰蔻粉水真假兰蔻粉水适合什么肤质兰蔻小黑瓶眼霜兰蔻大粉水适合什么年龄兰蔻粉水适合肤质南京兰蔻婚纱摄影工作室兰蔻真伪编号查询网站兰蔻雅诗兰黛眼霜兰蔻粉水怎么用兰蔻化妆品怎么样兰蔻生产日期怎么看兰蔻小黑瓶是什么兰蔻护肤品价格表兰蔻一套护肤品多少钱兰蔻口红专柜价格兰蔻小黑瓶套装兰蔻专柜价格表兰蔻护肤品怎么样兰蔻化妆品价格表兰蔻男士洗面奶兰蔻防晒隔离霜兰蔻隔离防晒霜兰蔻粉水日期怎么看兰蔻产品介绍图片说明兰蔻大粉水适合年龄