繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用javascript控制iframe滚动的代码
- Javascript
- jquery中常用的SET和GET
- 解javascript 混淆加密收藏
- JavaScript 在线压缩和格式化收藏
- JavaScript URL参数读取改进版
- javascript打开新窗口同时关闭旧窗口
- 借用Google的Javascript API Loader来加速你的网站
- javascript Xml增删改查(IE下)操作实现代码
- js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
- 最近项目写了一些js，水平有待提高
- JavaScript库 开发规则
- JavaScript入门教程(1) 什么是JS
- JavaScript入门教程(2) JS基础知识
- JavaScript入门教程(3) js面向对象
- JavaScript入门教程(4) js浏览器对象
- JavaScript入门教程(5) js Screen屏幕对象
- JavaScript入门教程(7) History历史对象
- JavaScript入门教程(8) Location地址对象
- JavaScript入门教程(9) Document文档对象
- JavaScript入门教程(11) js事件处理
- JavaScript入门教程(12) js对象化编程
Javascript 中的 用javascript控制iframe滚动的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 423 ::
收藏到网摘: n/a
现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊????
<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<
横向滚动..
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>
评论 (0) All
