用javascript控制iframe滾動的代碼
更新時間：2007年04月10日 00:00:00 作者：
現(xiàn)在有一個橫向的IFRAME,需要通過點擊iframe外的一個圖片來橫向滾動iframe內(nèi)的一個html頁,但又不想讓看見iframe的滾動條,請問如何解決啊????
<img src="demo.gif" onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)" onmouseup="clearInterval(window.timer)">
<img src="demo.gif" onmousedown="window.timer=setInterval('a.document.body.scrollTop--',10)" onmouseup="clearInterval(window.timer)">
<iframe name=a src="test.html" scrolling=no></iframe>
demo.htm
<iframe name="in" src="in.htm"></iframe>
<div align="center" style="height:130px;width:243px;">
<script>var timer;</script>
<br>
<input type="button" value="up"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,-1)',10)"
onmouseup="clearInterval(timer1)">
<input type="button" value="down"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,1)',10)"
onmouseup="clearInterval(timer1)" >
</div>
in.htm
<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<
橫向滾動..
demox.htm
<iframe name="in" src="inx.htm"></iframe>
<div align="center" style="height:130px;width:243px;">
<script>var timer;</script>
<br>
<input type="button" value="Left"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(-1,0)',10)"
onmouseup="clearInterval(timer1)">
<input type="button" value="Right"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(1,0)',10)"
onmouseup="clearInterval(timer1)" >
</div>
inx.htm
<body scroll=no>
<img src="demo.gif" onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)" onmouseup="clearInterval(window.timer)">
<img src="demo.gif" onmousedown="window.timer=setInterval('a.document.body.scrollTop--',10)" onmouseup="clearInterval(window.timer)">
<iframe name=a src="test.html" scrolling=no></iframe>
demo.htm
<iframe name="in" src="in.htm"></iframe>
<div align="center" style="height:130px;width:243px;">
<script>var timer;</script>
<br>
<input type="button" value="up"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,-1)',10)"
onmouseup="clearInterval(timer1)">
<input type="button" value="down"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,1)',10)"
onmouseup="clearInterval(timer1)" >
</div>
in.htm
<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<
橫向滾動..
demox.htm
<iframe name="in" src="inx.htm"></iframe>
<div align="center" style="height:130px;width:243px;">
<script>var timer;</script>
<br>
<input type="button" value="Left"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(-1,0)',10)"
onmouseup="clearInterval(timer1)">
<input type="button" value="Right"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(1,0)',10)"
onmouseup="clearInterval(timer1)" >
</div>
inx.htm
<body scroll=no>
相關(guān)文章
斜杠可以在代碼中擁有多種含義，所以在 JavaScript 編程中，處理斜杠是一項非常重要的任務(wù)，本文就來帶大家一起來看看JavaScript是如何處理斜杠的2023-06-06
defer屬性導(dǎo)致引用JQuery的頁面報“瀏覽器無法打開網(wǎng)站xxx，操作被中止”錯誤的解決方法
defer屬性導(dǎo)致引用JQuery的頁面報“瀏覽器無法打開網(wǎng)站xxx，操作被中止”錯誤2010-04-04
最近做項目遇到這樣的需求，頁面折疊超出的的部分顯示省略號，點擊展開后顯示全部內(nèi)容。具體實現(xiàn)代碼大家跟隨腳本之家小編一起學(xué)習(xí)吧2018-06-06
javaScript+turn.js實現(xiàn)圖書翻頁效果實例代碼
這篇文章主要介紹了javaScript+turn.js實現(xiàn)圖書翻頁效果實例代碼,重點講解turn.js 如何使用的。需要的朋友可以參考下2017-02-02
Webpack打包css后z-index被重新計算的解決方法
這篇文章主要跟大家分享了Webpack打包css后z-index被重新計算的解決方法，文中介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單的拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這個方法是很常用的，比如在驗證輸入日期是否存在時，可以使用它，如果是一個不存在的日期，則其返回值將是NaN，另外如果要比較兩個日期的先后，或是計算兩個日期相差的天數(shù) ，都可以用到。2010-07-07
這篇文章主要介紹了原生js封裝的ajax方法,結(jié)合實例形式分析了JavaScript封裝ajax操作及調(diào)用方法相關(guān)操作技巧,非常簡單實用,需要的朋友可以參考下2018-08-08
HTML中事件觸發(fā)列表與解說...2007-07-07
這篇文章介紹了Javascript alert消息換行的方法，有需要的朋友可以參考一下2013-08-08