日日噜噜噜夜夜爽爽,亚洲国产精品成人精品,奇米一区二区三区四区久久

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <p>如何控制框架頁的滾動</p> <p><span id="yca4js4" class="titlered2 f-14">　　解決思路</span>：</p> <p>利用框架文檔中window對象的scrollBy方法來滾動。</p> <p><span id="1bwhwcw" class="titlered2 f-14">　　具體步驟</span>：</p> <p>　　1. 包含框架頁的代碼。 <br /> <br /> <script> <br /> var itv,stepX,stepY,obj <br /> function scrollStart(x,y){ <br /> stepX=x //X軸方向上的偏移量 <br /> stepY=y //Y軸方向上的偏移量 <br /> obj=document.frames.demo //捕獲框架對象 <br /> //設置間隔事件，每10毫秒以stepX和stepY為偏移量滾動一次 <br /> itv=setInterval("obj.scrollBy(stepX,stepY)",10) <br /> } <br /> function scrollStop(){ <br /> clearInterval(itv) //取消間隔事件，達到停止滾動的效果 <br /> } <br /> </script> <br /> <iframe frameborder="0" scrolling="no" name="demo" <br /> src="demo.htm"></iframe> <br /> <button <br /> <br /> >上</button> <br /> <button <br /> <br /> >下</button> <br /> <button <br /> <br /> >左</button> <br /> <button <br /> <br /> >右</button> <br /> <br /> 2.demo.htm頁代碼。這里僅僅是為了測試效果，可以替換為你自己的頁面。 <br /> <br /> <script> <br /> //為了產生橫向滾動條 <br /> document.write(new Array(100).join("1 ")) <br /> //為了產生縱向滾動條 <br /> document.write(new Array(100).join("1<br>")) <br /> </script> <br /> <br /> 注意：如果iframe所加載的頁為站外URL，將導致跨域問題，拒絕訪問。凡是涉及到對框架頁的訪問及控制，都會有跨域問題。</p> <p><span id="47ktjpp" class="titlered2">　　特別提示</span></p> <p>　　代碼運行后的效果如圖1.6.8所示。鼠標移上四上按鈕上后，iframe內所加載的頁面將分別向上、下、左和右四個方面滾動，在按下鼠標時滾動速度加快，松開鼠標(仍然在按鈕上)時恢復速度，鼠標移開后滾動停止。 <br /> </p> <p align="center"><img src="http://www.alixixi.com/UploadPic/2007-7/200777172030278.jpg" style="cursor: pointer;" alt="" /></p> <p align="center">1.6.8 控制iframe的滾動 <br /> </p> <h4>特別說明</h4> <p>　　本例主要是window對象的scrollBy方法的應用。通過設置橫向滾動速度stepX和縱向滾動速度stepY為全局變量，在鼠標移上時在函數中用setInterval不斷調用scrollBy方法滾動頁面，通過參數控制滾動方向，在鼠標按下時放大全局變量stepX或stepY的值，人而達到加快滾動速度的效果，而鼠標移開后再用clearInterval方法清除之前的setInterval事件以停止滾動。</p> <p>　　scrollBy 將窗口滾動 x 和 y 偏移量。</p> <p>　　setInterval 每經過指定毫秒值后計算一個表達式。</p> <p>　　clearInterval 使用 setInterval 方法取消先前開始的間隔事件。</p>