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 重慶理工小子 閱讀(709) 評論(0)  編輯  收藏 所屬分類: JavaScript備用代碼

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


          網站導航:
           
          主站蜘蛛池模板: 汝阳县| 元谋县| 瑞金市| 东丽区| 平罗县| 新沂市| 普安县| 稷山县| 霍邱县| 丰顺县| 柳州市| 桐梓县| 福泉市| 宜良县| 武穴市| 乐清市| 霸州市| 报价| 阿坝县| 南宁市| 枣庄市| 朝阳区| 宾阳县| 台湾省| 和田市| 兖州市| 墨竹工卡县| 瓦房店市| 南乐县| 同德县| 天镇县| 长兴县| 长乐市| 宜州市| 巴青县| 南投市| 攀枝花市| 阳西县| 益阳市| 延津县| 开原市|