28
2017
09

jQuery效果

 $(function(){//页面加载完成
        //div显示、隐藏效果
        $("#b1").click(function(){//给id为b1的标签注册点击事件
        $("#b1Div").hide(1000);//隐藏id为b1div的标签,括号为延时
        $("#b1Div").show(1000);//显示id为b1div的标签,括号为延时
        });  
          
        //div滑入、滑出效果
        $("#b2").click(function(){
            $("#b2Div").slideUp(1000);//div滑入,括号为延时
            $("#b2Div").slideDown(1000);//div滑出,括号为延时  
        });
              
        //div淡入、淡出效果
        $("#b3").click(function(){
            $("#b3Div").fadeOut(1000);//div淡出,括号为延时
            $("#b3Div").fadeIn(1000);//div淡入,括号为延时
        });
    })
« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

扫一扫,求打赏 扫一扫,求打赏