8-1. jQuery特效:基础、滑动特效

基础特效

1)hide方法

隐藏匹配的元素,有三个参数可以传,不传参数表示立刻隐藏

hide( [duration] [, easing] [, complete] ) 

 

1. duration:一个字符串或者数字决定动画将允行多久,如果不传第一个参数,但是传了后面的参数字符串 'fast' 和 'slow',

                分别代表200和600毫秒

<script type="text/javascript">
$(function () {
    $('button').on('click',function () {
        //不传参数代表立刻隐藏
        $('#div1').hide('slow');
    });
});
</script>
</head>
<body id="body">
    <button>点我试试</button>
    <div id="div1"></div>

 

2. easing:一个字符串,表示过度使用哪种缓动函数(默认:swing)

                 jQuery自身提供"linear"和"swing",其他过渡效果可以使用相关的插件完成

 

3. complete:在动画执行时完成的函数,函数内部的this指向指向执行动画的DOM元素

 

2)show方法

显示匹配的元素

show( [duration] [, easing] [, complete] )

 

3)toggle方法

显示或隐藏方法 

1. toggle( [duration] [, easing] [, complete] )

2. toggle(Boolean) 一个布尔值,使用 true 来显示元素,或 false 隐藏它

 

滑动特效

1)slideDown方法

用滑动动画显示匹配元素

slideDown( [duration] [, easing] [, complete] )

 

2)slideUp方法

用滑动动画隐藏匹配元素

slideUp( [duration] [, easing] [, complete] )

 

3)slideToggle方法

用滑动动画显示或隐藏匹配元素

slideToggle( [duration] [, easing] [, complete] )

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值