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

javascript双向放大缩小广告代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>双向放大缩小广告代码-管理资源吧</title> 
<meta http-equiv="imagetoolbar" content="no"> 
<style type="text/css"> 
    html { 
        overflow: hidden; 
    } 
    body { 
        background: #222; 
        width: 100%; 
        height: 100%; 
        cursor: crosshair; 
    } 
    .spanSlide { 
        position: absolute; 
        background: #000; 
        font-size: 1px; 
        overflow: hidden; 
    } 
    .imgSlide { 
        position: absolute; 
        left: 5%; 
        top: 5%; 
        width: 90%; 
        height: 90%; 
        overflow: hidden; 
    } 
    .txtSlide { 
        position: absolute; 
        top: 5%; 
        left: 50px; 
        width:100%; 
        color:#FFF; 
        font-family: arial, helvetica, verdana, sans-serif; 
        font-weight: bold; 
        font-size:96px; 
        letter-spacing:12px; 
        filter: alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7; 
    } 
</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%0D%0Avar%20ym%3D0%3B%20%0D%0Avar%20ny%3D0%3B%20%0D%0A%0D%0AcreateElement%20%3D%20function(container%2C%20type%2C%20param)%7B%20%0D%0A%20%20%20%20o%3Ddocument.createElement(type)%3B%20%0D%0A%20%20%20%20for(var%20i%20in%20param)o%5Bi%5D%3Dparam%5Bi%5D%3B%20%0D%0A%20%20%20%20container.appendChild(o)%3B%20%0D%0A%20%20%20%20return%20o%3B%20%0D%0A%7D%20%0D%0A%0D%0Amooz%20%3D%20%7B%20%0D%0A%20%20%20%20O%3A%5B%5D%2C%20%0D%0A%20%20%20%20%2F%2F%2F%2F%2F%2F%2F%2F%2F%20%0D%0A%20%20%20%20mult%3A6%2C%20%0D%0A%20%20%20%20nbI%3A5%2C%20%0D%0A%20%20%20%20%2F%2F%2F%2F%2F%2F%2F%2F%2F%20%0D%0A%20%20%20%20rwh%3A0%2C%20%0D%0A%20%20%20%20imgsrc%3A0%2C%20%0D%0A%20%20%20%20W%3A0%2C%20%0D%0A%20%20%20%20H%3A0%2C%20%0D%0A%0D%0A%20%20%20%20Xoom%3Afunction(N)%7B%20%0D%0A%20%20%20%20%20%20%20%20this.o%20%3D%20createElement(document.getElementById(%22screen%22)%2C%20%22span%22%2C%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20'className'%3A'spanSlide'%20%0D%0A%20%20%20%20%20%20%20%20%7D)%3B%20%0D%0A%20%20%20%20%20%20%20%20img%20%3D%20createElement(this.o%2C%20%22img%22%2C%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20'className'%3A%22imgSlide%22%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20'src'%3Amooz.imgsrc%5BN%25mooz.imgsrc.length%5D.src%20%0D%0A%20%20%20%20%20%20%20%20%7D)%3B%20%0D%0A%20%20%20%20%20%20%20%20spa%20%3D%20createElement(this.o%2C%20%22span%22%2C%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20'className'%3A%22imgSlide%22%20%0D%0A%20%20%20%20%20%20%20%20%7D)%3B%20%0D%0A%20%20%20%20%20%20%20%20txt%20%3D%20createElement(spa%2C%20%22span%22%2C%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20'className'%3A%22txtSlide%22%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20'innerHTML'%3Amooz.imgsrc%5BN%25mooz.imgsrc.length%5D.title%20%0D%0A%20%20%20%20%20%20%20%20%7D)%3B%20%0D%0A%20%20%20%20%20%20%20%20this.N%20%3D%2010000%2BN%3B%20%0D%0A%20%20%20%20%7D%2C%20%0D%0A%0D%0A%20%20%20%20mainloop%3Afunction()%7B%20%0D%0A%20%20%20%20%20%20%20%20with(this)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20for(i%3D0%3B%20i%3Cmooz.nbI%3B%20i%2B%2B)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20O%5Bi%5D.N%20%2B%3D%20(ym-ny)%2F8000%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20N%20%3D%20O%5Bi%5D.N%25nbI%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ti%20%3D%20Math.pow(mult%2CN)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20with(O%5Bi%5D.o.style)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20left%20%20%20%3D%20Math.round((W-(ti*rwh))%2F(W%2Bti)*(W*.5))%20%0D%0A%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20top%20%20%20%20%3D%20Math.round((H-ti)%2F(H%2Bti)*(H*.5))%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20zIndex%20%3D%20Math.round(10000-ti*.1)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%20%20%3D%20Math.round(ti*rwh)%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%20%3D%20Math.round(ti)%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20setTimeout(%22mooz.mainloop()%3B%22%2C%2016)%3B%20%0D%0A%20%20%20%20%7D%2C%20%0D%0A%0D%0A%20%20%20%20oigres%3Afunction()%7B%20%0D%0A%20%20%20%20%20%20%20%20with(this)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20W%20%3D%20parseInt(document.getElementById(%22screen%22).style.width)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20H%20%3D%20parseInt(document.getElementById(%22screen%22).style.height)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20imgsrc%20%3D%20document.getElementById(%22images%22).getElementsByTagName%20%0D%0A(%22img%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20rwh%20%3D%20imgsrc%5B0%5D.width%2Fimgsrc%5B0%5D.height%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3Bi%3CnbI%3Bi%2B%2B)%20O%5Bi%5D%20%3D%20new%20Xoom(i)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20mainloop()%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%0A%0D%0Adocument.onmousemove%20%3D%20function(e)%7B%20%0D%0A%20%20%20%20if(window.event)%20e%3Dwindow.event%3B%20%0D%0A%20%20%20%20ym%20%3D%20(e.y%20%7C%7C%20e.clientY)%3B%20%0D%0A%20%20%20%20if(ym%2F2%3Eny)ny%3Dym%2F2%3B%20%0D%0A%7D%20%0D%0A%0D%0Awindow.onload%20%3D%20function()%7B%20%0D%0A%20%20%20%20ym%20%3D%20ny%2B50%3B%20%0D%0A%20%20%20%20mooz.oigres()%3B%20%0D%0A%7D%20%0D%0A%0D%0A%3C%2Fscript%3E"> 
</head>

<body>

<div style="position:absolute;left:50%;top:50%"> 
    <div style="position:absolute;width:720px;height:560px;left:-360px;top:- 
280px;background:#fff"></div> 
    <div style="position:absolute;left:-40px;top:-6px;color:#000;font-family:arial;font 
-size:0.9em">Loading...</div> 
    <div id="screen" style="position:absolute;width:640px;height:480px;left:-320px;top: 
-240px;overflow:hidden"></div> 
</div>

<div id="images" style="visibility:hidden"> 
    <img title="infinite" src="http://files.glzy8.com/upload/20080512223441429.jpg" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2F20080512223441429.jpg"> 
    <img title="yellow" src="http://files.glzy8.com/upload/20080512223442360.jpg" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2F20080512223442360.jpg"> 
    <img title="earth" src="http://files.glzy8.com/upload/20080512223443364.jpg" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2F20080512223443364.jpg"> 
    <img title="dream" src="http://files.glzy8.com/upload/20080512223443803.jpg" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2F20080512223443803.jpg"> 
    <img title="flowers" src="http://files.glzy8.com/upload/20080512223444700.jpg" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2F20080512223444700.jpg"> 
</div>

</body> 
</html>

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

教程首页更多教程