像163网站顶部展出的大幅广告

来源:互联网 发布:知乎实现梦想后 编辑:程序博客网 时间:2024/05/01 08:45
点击这里使用RSS订阅本Blog:

 

163网易顶部动态展开的广告效果

转自http://bbs.blueidea.com/thread-2773857-1-1.html,演示效果请参见这里

<!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>像163网站顶部展出的大幅广告-wsoul.net</title>
   
<script type="text/javascript" language="javascript">
    
var time = 500;
    
var h = 0;
    
function addCount()
    
{
        
if(time>0)
        
{
            time
--;
            h 
= h+5;
        }

        
else
        
{
            
return;
        }

        
if(h>500)  //高度
        {
            
return;
        }

        document.getElementById(
"ads").style.display = "";
        document.getElementById(
"ads").style.height = h+"px";
        setTimeout(
"addCount()",30); 
    }

    
    window.onload 
= function showAds()
    
{
        addCount();
        setTimeout(
"noneAds()",7000); //停留时间自己适当调整
    }

    
</script>
    
    
<script type="text/javascript" language="javascript">
    
var T = 500;
    
var N = 500//高度
    function noneAds()
    
{
        
if(T>0)
        
{
            T
--;
            N 
= N-5;
        }

        
else
        
{
            
return;
        }

        
if(N<0)
        
{
            document.getElementById(
"ads").style.display = "none";
            
return;
        }

        
        document.getElementById(
"ads").style.height = N+"px";
        setTimeout(
"noneAds()",30); 
    }

    
</script>
</head>
<body>
    
<form id="form1" runat="server">
    
<div id="ads" style="margin:auto; display:none; width:900px; top:0px; height:0px; border:solid 1px #000; background-color:#fafafa; overflow:hidden; text-align:center;">
        
<img src="http://gg.blueidea.com/desk/2007/004.jpg" width="900" height="500" alt="" />
    
</div>
    
<div style="margin:auto; width:900px; height:200px; border:solid 1px #000; background-color:#fafafa; text-align:center;">
        网站主体内容
    
</div>
    
</form>
</body>
</html>
 

<script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script> <script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script>

原创粉丝点击