jQuery简介(十)
谈入谈出效果
fadeIn()谈入
在页面隐藏时点击按钮显示效果
这是个单独隐藏效果的代码
谈入效果,内容显示,opacity是0到1。
实现原理
改变透明度实现谈入效果
fadeOut()谈出
谈出效果,内容显示,opacity是1到0。
在页面隐藏时点击按钮显示效果
这是个单独显示效果的代码
同样也是通过改变透明度实现效果,改变到0时设置display:none;实现谈出效果。
fadeToggle()方法 切换方法
点击按钮运行,隐藏的就谈出实现效果,显示的就谈入实现效果。
动画实现效果完成后弹出提示框
也可以输入一个具体的值实现不同的效果,比如先快后慢或先慢后快等等。
这是从快到慢效果
代码执行到透明度0.4时停止
fadeTo()方法 可以指明透明度到多少时执行
时间 透明值 速度执行效果 执行完成后调用事件
$("div").fadeTo(10000, 0.4,swing,function(){
alert(123); 执行完成后弹出
});