手记

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>

0人推荐
随时随地看视频
慕课网APP