用javascript控制iframe滾動(dòng)的代碼
更新時(shí)間：2007年04月10日 00:00:00 作者：
現(xiàn)在有一個(gè)橫向的IFRAME,需要通過點(diǎn)擊iframe外的一個(gè)圖片來橫向滾動(dòng)iframe內(nèi)的一個(gè)html頁,但又不想讓看見iframe的滾動(dòng)條,請問如何解決啊????
<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<
橫向滾動(dòng)..
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<
橫向滾動(dòng)..
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 編程中，處理斜杠是一項(xiàng)非常重要的任務(wù)，本文就來帶大家一起來看看JavaScript是如何處理斜杠的2023-06-06
defer屬性導(dǎo)致引用JQuery的頁面報(bào)“瀏覽器無法打開網(wǎng)站xxx，操作被中止”錯(cuò)誤的解決方法
defer屬性導(dǎo)致引用JQuery的頁面報(bào)“瀏覽器無法打開網(wǎng)站xxx，操作被中止”錯(cuò)誤2010-04-04
最近做項(xiàng)目遇到這樣的需求，頁面折疊超出的的部分顯示省略號，點(diǎn)擊展開后顯示全部內(nèi)容。具體實(shí)現(xiàn)代碼大家跟隨腳本之家小編一起學(xué)習(xí)吧2018-06-06
javaScript+turn.js實(shí)現(xiàn)圖書翻頁效果實(shí)例代碼
這篇文章主要介紹了javaScript+turn.js實(shí)現(xiàn)圖書翻頁效果實(shí)例代碼,重點(diǎn)講解turn.js 如何使用的。需要的朋友可以參考下2017-02-02
Webpack打包c(diǎn)ss后z-index被重新計(jì)算的解決方法
這篇文章主要跟大家分享了Webpack打包c(diǎn)ss后z-index被重新計(jì)算的解決方法，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
JavaScript實(shí)現(xiàn)簡單的拖拽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單的拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這個(gè)方法是很常用的，比如在驗(yàn)證輸入日期是否存在時(shí)，可以使用它，如果是一個(gè)不存在的日期，則其返回值將是NaN，另外如果要比較兩個(gè)日期的先后，或是計(jì)算兩個(gè)日期相差的天數(shù) ，都可以用到。2010-07-07
這篇文章主要介紹了原生js封裝的ajax方法,結(jié)合實(shí)例形式分析了JavaScript封裝ajax操作及調(diào)用方法相關(guān)操作技巧,非常簡單實(shí)用,需要的朋友可以參考下2018-08-08
HTML中事件觸發(fā)列表與解說...2007-07-07
這篇文章介紹了Javascript alert消息換行的方法，有需要的朋友可以參考一下2013-08-08