手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >用javascript控制iframe滚动的代码
用javascript控制iframe滚动的代码
摘要:现在有一个横向的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控制iframe滚动的代码】相关文章:

javascript实现Table排序的方法

javasript实现密码的隐藏与显示

javascript用函数实现对象的方法

网页里控制图片大小的相关代码

用JavaScript实现对话框的教程

纯javascript制作日历控件

JavaScript 正则表达式中global模式的特性

javascript实现链接单选效果

javascript实现图片跟随鼠标移动效果的方法

Javascript进制转换实例

精品推荐
分类导航