jquery的hide(),show(),fastIn(),fastOut(),slideUp(),slideDown()的使用

    <script type="text/javascript">
       $(function(){
       //hide,show,fastIn,slideUp,slideDown,fastOut都有两个参数,一个是speed,还有callback
         $("#btn1").click(function(){
            $("#div1").hide(3000);//speed速度,没有speed则没有速度。没有参数 
         });
         $("#btn2").click(function(){
            $("#div1").show(3000);//speed速度,没有speed则没有速度
         });
         
           $("#btn2").click(function(){
            $("#div1").fadeIn(3000);//speed速度,没有speed则没有速度
         });
         $("#btn3").click(function(){
            $("#div1").toggle(300);//切换hide(),show()
         });
          $("p").click(function(){
         $("p").slideUp("fast",function(){//有两个参数,一个speed速度,一个动画执行后的函数执行
           alert("111");
         });
         
         $("p").slideUp(3000);
         });
         $("#btn1").click(function(){
            $("#btn1").slideDown(3000);
         });
         
         
       });
    </script>

上面为用到的简单的jquery代码

<input type="button" value="按钮1" id="btn1" /><input type="button" value="按钮2" id="btn2" /><input type="button" value="按钮3" id="btn3" />
<div id="div1">fdsadddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddfd奇强魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦无可奈何花落去成本核算</div>
<p>魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦</p>



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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值