用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实现拖拽效果插件的方法
Mar 23 Javascript
JavaScript实现快速排序的方法
Jul 31 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
非常酷炫的Bootstrap图片轮播动画
May 27 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
详解js的六大数据类型
Dec 27 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
React手稿之 React-Saga的详解
Nov 12 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
JS自定义滚动条效果
Mar 13 Javascript
详细分析vue响应式原理
Jun 22 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
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
jquery tools之tooltip
2009/07/25 Javascript
javascript 命名规则 变量命名规则
2010/02/25 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
javascript正则表达式之分组概念与用法实例
2016/06/16 Javascript
AngularJS ng-blur 指令详解及简单实例
2016/07/30 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
python中enumerate函数用法实例分析
2015/05/20 Python
python 字典(dict)按键和值排序
2016/06/28 Python
python利用正则表达式提取字符串
2016/12/08 Python
Python高级用法总结
2018/05/26 Python
python微信好友数据分析详解
2018/11/19 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
Python StringIO及BytesIO包使用方法解析
2020/06/15 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
联强国际笔试题面试题
2013/07/10 面试题
汇智创新科技发展有限公司
2015/12/06 面试题
你懂得怎么写自荐信吗?
2013/12/27 职场文书
《孔子游春》教学反思
2014/02/25 职场文书
行政监察建议书
2014/05/19 职场文书
贷款委托书
2014/08/01 职场文书
初中教师个人总结
2015/02/10 职场文书
Golang Web 框架Iris安装部署
2022/08/14 Python