用javascript控制iframe滚动的代码
用javascript控制iframe滚动的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动...

现在有一个横向的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教程学习
热门Javascript教程学习
编程开发子分类