手机
当前位置:查字典教程网 >编程开发 >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实现行拖动的方法

javascript的函数第1/3页

javascript 动态添加表格行

javascript实现日期按月份加减

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

JavaScript数组去重的3种方法和代码实例

JavaScript版代码高亮

javascript实现链接单选效果

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

javascript消除window.close()的提示窗口

精品推荐
分类导航