shenang博客技術文檔


          理論不懂就實踐,實踐不會就學理論!

          posts - 35,comments - 55,trackbacks - 0
          在頁面加一個浮動窗口,跟隨滑動而跟著走動
           1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
           2 <HTML>
           3  <HEAD>
           4   <TITLE> New Document </TITLE>
           5   <META NAME="Generator" CONTENT="EditPlus">
           6   <META NAME="Author" CONTENT="">
           7   <META NAME="Keywords" CONTENT="">
           8   <META NAME="Description" CONTENT="">
           9  </HEAD>
          10 
          11  <BODY>
          12  <script>
          13   function scrollImg(){  
          14     var posX,posY;  
          15     if (window.innerHeight) {  
          16         posX = window.pageXOffset;  
          17         posY = window.pageYOffset;  
          18     }  
          19     else if (document.documentElement && document.documentElement.scrollTop) {  
          20         posX = document.documentElement.scrollLeft;  
          21         posY = document.documentElement.scrollTop;  
          22     }  
          23     else if (document.body) {  
          24         posX = document.body.scrollLeft;  
          25         posY = document.body.scrollTop;  
          26     }  
          27 
          28     var ad=document.getElementById("ad");  
          29     ad.style.top=(posY+100)+"px";  
          30     ad.style.left=(posX+(document.body.clientWidth-250))+"px";  
          31     setTimeout("scrollImg()",100);  
          32 }  
          33 </script>  
          34 
          35 <div id="ad" style="position:absolute;width:201px;height:100px;border:1px dotted #000;line-height:100px;text-align:right">
          36 <table width="201" height="97" border="0" bgcolor="bule">
          37   <tr>
          38     <td><span class='STYLE5'>&nbsp;&nbsp;標題:</span></td>
          39   </tr>
          40   <tr>
          41     <td><span class='STYLE5'>&nbsp;&nbsp;標題:</span></td>
          42   </tr>
          43   <tr>
          44     <td><span class='STYLE5'>&nbsp;&nbsp;標題:</span></td>
          45   </tr>
          46   <tr>
          47     <td><span class='STYLE5'>&nbsp;&nbsp;標題:</span></td>
          48   </tr>
          49 </table>
          50 </div>  
          51 <script type="text/javascript">  
          52 scrollImg();  
          53 </script>  
          54  </BODY>
          55 </HTML>
          56 
          posted on 2009-04-13 16:51 重慶理工小子 閱讀(711) 評論(0)  編輯  收藏 所屬分類: JavaScript備用代碼

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 秦安县| 府谷县| 栾川县| 集安市| 如皋市| 蒲城县| 思南县| 无锡市| 疏勒县| 贵溪市| 策勒县| 临猗县| 应城市| 屏南县| 增城市| 腾冲县| 特克斯县| 饶阳县| 葵青区| 噶尔县| 纳雍县| 禹州市| 桐乡市| 永宁县| 信宜市| 丰镇市| 吴旗县| 中牟县| 曲阳县| 青川县| 柏乡县| 揭阳市| 云和县| 玉林市| 延津县| 张家界市| 肃南| 安远县| 南康市| 巨野县| 汤阴县|