管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

超棒的javascript页面顶部卷动广告效果

超棒的javascript页面顶部卷动广告效果

　　

<style type="text/css"> 
 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0Avar%20nowheight%3D0%3B%20%20%20%20%2F%2F%E5%88%9D%E5%A7%8B%E5%B9%BF%E5%91%8A%E5%B1%82%E9%AB%98%E5%BA%A6%20%0D%0Avar%20maxheight%3D224%3B%20%20%20%20%2F%2F%E5%B9%BF%E5%91%8A%E5%B1%82%E6%9C%80%E5%A4%A7%E9%AB%98%E5%BA%A6%20%0D%0Avar%20adobj%3B%20%0D%0Avar%20opendiv%3B%20%0D%0Avar%20closdiv%3B%20%0D%0Avar%20addfunc%3B%20%0D%0Avar%20handobj%3B%20%0D%0Avar%20reducefunc%3B%20%20%20%20%20%20%20%20%20%0D%0Avar%20speed%3D7%3B%20%20%20%20%20%20%20%20%2F%2F%E5%B1%82%E5%8D%B7%E5%8A%A8%E9%80%9F%E5%BA%A6%20%0D%0Afunction%20showtopad()%20%7B%20%0D%0A%20%20%20%20adobj%3Ddocument.getElementById(%22bigad%22)%3B%20%0D%0A%20%20%20%20opendiv%3Ddocument.getElementById(%22opendiv%22)%3B%20%0D%0A%20%20%20%20closdiv%3Ddocument.getElementById(%22closdiv%22)%3B%20%0D%0A%20%20%20%20if%20(nowheight%3C%3D0)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20opendiv.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20adobj.style.display%3D%22block%22%3B%20%0D%0A%20%20%20%20%20%20%20%20addfunc%3DsetInterval(%22addheight()%22%2C1)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0Afunction%20closetopad()%20%7B%20%0D%0A%20%20%20%20if%20(nowheight%3E0)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20callreduceheight()%3B%20%0D%0A%20%20%20%20%20%20%20%20if%20(typeof(handobj)%3D%3D%22number%22)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20clearTimeout(handobj)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0Afunction%20addheight()%20%7B%20%0D%0A%20%20%20%20nowheight%2B%3Dspeed%3B%20%0D%0A%20%20%20%20if%20(nowheight%3Emaxheight)%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20clearInterval(addfunc)%3B%20%0D%0A%20%20%20%20%20%20%20%20closdiv.style.top%3Dmaxheight-30%3B%20%0D%0A%20%20%20%20%20%20%20%20closdiv.style.display%3D%22block%22%3B%20%0D%0A%20%20%20%20%20%20%20%20handobj%3DsetTimeout(%22callreduceheight()%22%2C6000)%3B%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20adobj.style.height%3Dnowheight%2B%22px%22%3B%20%0D%0A%7D%20%0D%0Afunction%20callreduceheight()%20%7B%20%0D%0A%20%20%20%20closdiv.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20reducefunc%3DsetInterval(%22reduceheight()%22%2C1)%3B%20%0D%0A%7D%20%0D%0Afunction%20reduceheight()%20%7B%20%0D%0A%20%20%20%20adobj.style.height%3Dnowheight%2B%22px%22%3B%20%0D%0A%20%20%20%20nowheight-%3Dspeed%3B%20%0D%0A%20%20%20%20if%20(nowheight%3C%3D0)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20clearInterval(reducefunc)%3B%20%0D%0A%20%20%20%20%20%20%20%20adobj.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20opendiv.style.display%3D%22block%22%3B%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> 
<body onload="showtopad()"> 
    <div id="opendiv" style="position:absolute;top:3px;right:3px;z-index:10;padding:3px;border:1px #000 solid;display:none;cursor:hand;background:#fff;"><span onclick="showtopad()">打开</span></div> 
    <div id="closdiv" style="position:absolute;right:4px;z-index:10;padding:3px;border:1px #000 solid;display:none;cursor:hand;background:#fff;"><span onclick="closetopad()">关闭</span></div> 
     
    <div id="bigad" style="width:1003px;height:0;overflow:hidden;display:none;"> 
        <a href="http://www.glzy8.com/" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com%2F" target="_blank"> 
            <img src="http://www.glzy8.com/upload/20071201215241934.jpg" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fupload%2F20071201215241934.jpg"> 
        </a> 
    </div> 
    <p style="margin:5px;text-align:center;font-weight:bold;font-size:14px;color:#fff;"> 
        上面是广告，你可以点击看看效果！^_^ 
    </p> 
</body>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程