用javascript控制iframe滚动的代码


Posted in Javascript onApril 10, 2007

现在有一个横向的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> 

Javascript 相关文章推荐
JQuery 1.4 中的Ajax问题
Jan 23 Javascript
jQuery.extend()的实现方式详解及实例
Jun 29 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
javascript面向对象之对象的深入理解
Jan 13 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
Mar 04 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
Oct 11 Javascript
Servlet实现文件上传,可多文件上传示例
Dec 05 Javascript
JavaScript表单验证实现代码
May 22 Javascript
分享ES6的7个实用技巧
Jan 18 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
经常用到的JavasScript事件的翻译
Apr 09 #Javascript
在JavaScript中通过URL传递汉字的方法
Apr 09 #Javascript
Javascript中eval函数的使用方法与示例
Apr 09 #Javascript
给网站上的广告“加速”显示的方法
Apr 08 #Javascript
超级简单的图片防盗(HTML),好用
Apr 08 #Javascript
filemanage功能中用到的lib.js
Apr 08 #Javascript
filemanage功能中用到的common.js
Apr 08 #Javascript
You might like
PHP内核探索之解释器的执行过程
2015/12/22 PHP
PHP实现linux命令tail -f
2016/02/22 PHP
PHP反射原理与用法深入分析
2019/09/28 PHP
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
JS操作图片(增,删,改) 例子
2013/04/17 Javascript
JavaScript获取和设置CheckBox状态的简单方法
2013/07/05 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
2015/07/13 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
vue cli构建的项目中请求代理与项目打包问题
2018/02/26 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
微信小程序身份证验证方法实现详解
2019/06/28 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
2019/07/31 jQuery
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
JS三级联动代码格式实例详解
2019/12/30 Javascript
[01:28:24]NAVI vs VG Supermajor 败者组 BO3 第三场 6.5
2018/06/06 DOTA
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
numpy中矩阵合并的实例
2018/06/15 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
Python识别验证码的实现示例
2020/09/30 Python
python实现图片,视频人脸识别(opencv版)
2020/11/18 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
Python Process创建进程的2种方法详解
2021/01/25 Python
CSS3实现红包抖动效果
2020/12/23 HTML / CSS
德国最大的婴儿用品网上商店:Kidsroom.de(支持中文)
2020/09/02 全球购物
护理学毕业生自荐信
2013/10/02 职场文书
拒绝黄毒毒宣传标语
2014/06/26 职场文书
感谢信的格式
2015/01/21 职场文书
小学运动会前导词
2015/07/20 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
Pygame Time时间控制的具体使用详解
2021/11/17 Python