每天学点JQuery(4)—动画

1.show()和hide():通过改变高度,宽度,不透明度来显示/隐藏元素。

$(function(){
   
    $("a").hide()//通过hide方法隐藏元素
})

等价于
$(function(){
   
    $("a").css("display","none");
})


当把元素隐藏后,可以使用show()方法将元素的display样式设置为先前的显示状态("block""inline"或其他除了"none"之外的值)。

$(function(){
   
    $("a").show()//通过show方法显示元素
})

同时也可以为slow()和hide()指定时间参数,以毫秒为单位,还有几个速度关键字:slow(600毫秒),normal(400毫秒),fast(200毫秒)

$(function(){
   
    $("a").hide("slow")//以slow的速度值隐藏元素
})


$(function(){
   
    $("a").show(1000)//1秒显示元素
})

2.fadeIn()和fadeOut():通过改变元素的不透明度显示/隐藏元素

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值