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

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


          網站導航:
          博客園   IT新聞   Chat2DB   C++博客   博問  
           
          主站蜘蛛池模板: 若尔盖县| 临漳县| 龙陵县| 崇文区| 全椒县| 曲靖市| 通州区| 长乐市| 淮滨县| 太保市| 万安县| 台山市| 红安县| 枣庄市| 清丰县| 兴国县| 鄂尔多斯市| 宿州市| 宁武县| 叶城县| 平罗县| 阿瓦提县| 嘉黎县| 平原县| 舒城县| 岐山县| 临沧市| 洛南县| 黄骅市| 博湖县| 衢州市| 巍山| 常德市| 东阳市| 茌平县| 修文县| 礼泉县| 东城区| 沧源| 东乡| 华坪县|