用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 相关文章推荐
用js+xml自动生成表格的东西
Dec 21 Javascript
运用jquery实现table单双行不同显示并能单行选中
Jul 25 Javascript
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
Jun 22 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
Bootstrap基本布局实现方法详解
Nov 25 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
Jan 06 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
Jan 11 Javascript
从零开始学习搭建React脚手架项目
Aug 23 Javascript
详解VUE前端按钮权限控制
Apr 26 Javascript
JavaScript实现拖动对话框效果的实现代码
Oct 12 Javascript
经常用到的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正则走开
2008/03/15 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
ext实现完整的登录代码
2008/08/08 Javascript
基于JQUERY的两个ListBox子项互相调整的实现代码
2011/05/07 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
angularjs之$timeout指令详解
2017/06/13 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
Python中正则表达式的详细教程
2015/04/30 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
分享6个隐藏的python功能
2017/12/07 Python
python查询mysql,返回json的实例
2018/03/26 Python
python基于http下载视频或音频
2018/06/20 Python
python操作excel的方法
2018/08/16 Python
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
numpy中的meshgrid函数的使用
2019/07/31 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
基于Python实现拆分和合并GIF动态图
2019/10/22 Python
详细分析Python collections工具库
2020/07/16 Python
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
美国购买汽车零件网站:Buy Auto Parts
2018/04/02 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
幼儿教师思想汇报
2014/01/10 职场文书
如何打造一封优秀的留学推荐信
2014/01/25 职场文书
一年级评语大全
2014/04/23 职场文书
教育见习报告范文
2014/11/03 职场文书
面试感谢信范文
2015/01/22 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
高中数学教学反思范文
2016/02/18 职场文书
Python中相见恨晚的技巧
2021/04/13 Python
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL
MySQL系列之六 用户与授权
2021/07/02 MySQL