常用jQuery动画效果

Html

Css


    
    
    
    
    
    
    
    
    
    
    
        想要做一件事，永远都不要怕晚。只要你开始做了，就不晚。而若是你不开始，仅仅停留在思考、犹豫甚至焦虑的状态，那就永远都是零。

#content #first {
	color:white;
	background-color:green;
	width:240px;
	height:100px;
	margin:10px 0 0 0;
	padding:10px;
}

$(document).ready(function() {
    $("#testhide").click(function() {
        // 动画效果
        $("#first").hide("slow");
    });
    $("#testshow").click(function() {
        // 动画效果
        $("#first").show("slow");
    });
    $("#testtoggle").click(function() {
        // 动画效果
        $("#first").toggle("slow");
    });
    $("#testslideup").click(function() {
        // 动画效果
        $("#first").slideUp("slow");
    });
    $("#testslidedown").click(function() {
        // 动画效果
        $("#first").slideDown("slow");
    });
    $("#testslidetoggle").click(function() {
        // 动画效果
        $("#first").slideToggle("slow");
    });
    $("#testfadein").click(function() {
        // 动画效果
        $("#first").fadeIn("slow");
    });
    $("#testfadeout").click(function() {
        // 动画效果
        $("#first").fadeOut("slow");
    });
    $("#testfadetoggle").click(function() {
        // 动画效果
        $("#first").fadeToggle("slow");
    });
    $("#testanimate").click(function() {
        // 动画效果
        $("#first").animate({
            fontSize: "12px"
        }, "slow");
    });
});

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

常用jQuery动画效果



代码描述：简单按钮显示jQuery动画效果

简单按钮显示jq动画效果，希望可以帮助到大家！

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

听说你的代码很6

相关代码

常用jQuery动画效果

最新