jQuery简介(十)

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);    执行完成后弹出

});

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值