用javascript控制iframe滚动的代码

      2019-11-14 09:42      编程语言
现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊????

<imgsrc="demo.gif"onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)"onmouseup="clearInterval(window.timer)">
<imgsrc="demo.gif"onmousedown="window.timer=setInterval('a.document.body.scrollTop--',10)"onmouseup="clearInterval(window.timer)">
<iframename=asrc="test.html"scrolling=no></iframe>



demo.htm

<iframename="in"src="in.htm"></iframe>
<divalign="center"style="height:130px;width:243px;">
<script>vartimer;</script>
<br>
<inputtype="button"value="up"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,-1)',10)"
onmouseup="clearInterval(timer1)">
<inputtype="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

<iframename="in"src="inx.htm"></iframe>
<divalign="center"style="height:130px;width:243px;">
<script>vartimer;</script>
<br>
<inputtype="button"value="Left"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(-1,0)',10)"
onmouseup="clearInterval(timer1)">
<inputtype="button"value="Right"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(1,0)',10)"
onmouseup="clearInterval(timer1)">
</div>


inx.htm

<bodyscroll=no>

上一篇:Javascript下的keyCode键码值表

下一篇:没有了