jquery的一个简单的渐变效果

最新推荐文章于 2024-12-03 09:07:41 发布

转载最新推荐文章于 2024-12-03 09:07:41 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/58582786/608732

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的简单网页效果：当点击页面上的指定元素时，该元素会逐渐消失并弹出提示信息。代码中包含了HTML结构定义及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>