javascript雙向放大縮小廣告代碼

更新時間：2008年05月12日 22:34:03 作者：

比較罕見的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>  </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   class="vvxyksv9kd"   id="screen" style="position:absolute;width:640px;height:480px;left:-320px;top: -240px;overflow:hidden"></div> </div> <div   class="vvxyksv9kd"   id="images" style="visibility:hidden">     <img title="infinite" src="/upload/20080512223441429.jpg">     <img title="yellow" src="/upload/20080512223442360.jpg">     <img title="earth" src="/upload/20080512223443364.jpg">     <img title="dream" src="/upload/20080512223443803.jpg">     <img title="flowers" src="/upload/20080512223444700.jpg"> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]