jquery的一個簡單的漸變效果

時間 2021-08-12

標籤 javascript html java jquery ide this spa htm 事件欄目 JQuery 简体版

原文原文鏈接

<html>

<head>

<title>upload</title>

<script src="jquery.min.js" type="text/javascript"></script>//先加載jquery庫文件

<script type="text/javascript">
    $(document).ready(function(){

       $("#p1").click(function(){ //設置click單擊事件


        $(this).fadeOut(2000,function()//設置漸變效果過2秒消失


        {
                alert("沒想到吧？！");//消失後彈出對話框

        })});

    });

</script>
</head>

<body>

<p id="p1">若是你點擊我，我就隱藏！</p>//設置p的id爲p1

</body>

</html>javascript