JQuery特效代码 右下角广告窗体(slideDown slideUp)

发布时间:2020-04-25编辑:脚本学堂
本文介绍了jquery实现右下角广告窗体的实现方法,一例jquery特效代码,有需要的朋友参考下。

例子,右下角广告窗体的jquery特效代码。(右下角提示框
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JQuery特效代码_右下角广告窗体_www.jb200.com</title>
    <style type="text/css">
        body{margin:0px;font-size:12px;}
        #message
        {
            width:100px;
            height:100px;
            position:fixed;
            background-color:gold;
            right:0px;
            bottom:0px;
            display:none;
        }           
    </style>
    <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //注意slideDown是展开,slideUp是收起
            $("#message").slideDown(2000, function () {
                //$(this).slideUp(5000);     //花5秒钟收起
                setTimeout("$('#message').slideUp(5000);",2000) //用定时器等待两秒钟后收起,注意这里不能用$(this),必须用ID取了
            });
        });
    </script>
</head>
<body>
    <div id="message">
        我是广告,不好意思!!
    </div>
</body>
</html>