用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 调整select 位置的函数
Feb 21 Javascript
JavaScript 设计模式学习 Factory
Jul 29 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
javascript按位非运算符的使用方法
Nov 14 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
Aug 21 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
Jan 05 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
Feb 10 Javascript
纯原生js实现贪吃蛇游戏
Apr 16 Javascript
关于vue面试题汇总
Mar 20 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
vue 解决数组赋值无法渲染在页面的问题
Oct 28 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
IStream与TStream之间的相互转换
2008/08/01 PHP
php获取mysql数据库中的所有表名的代码
2011/04/23 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
JavaScript 无符号右移运算符
2009/04/17 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
2014/01/31 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
原生JavaScript实现todolist功能
2018/03/02 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
2020/01/16 jQuery
vue2路由基本用法实例分析
2020/03/06 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
python pycurl验证basic和digest认证的方法
2018/05/02 Python
python 缺失值处理的方法(Imputation)
2019/07/02 Python
如何使用Flask-Migrate拓展数据库表结构
2019/07/24 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
python实现梯度下降和逻辑回归
2020/03/24 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
canvas画布实现手写签名效果的示例代码
2019/04/23 HTML / CSS
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
RIP版本1跟版本2的区别
2013/12/30 面试题
Linux Interview Questions For software testers
2013/05/17 面试题
物流专业求职计划书
2014/01/10 职场文书
教师职称自我鉴定
2014/02/12 职场文书
保险经纪人求职信
2014/03/11 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
导游欢迎词范文
2015/01/23 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
新闻通讯稿范文
2015/07/22 职场文书
文艺部部长竞选稿
2015/11/21 职场文书
Nginx+Tomcat实现负载均衡、动静分离的原理解析
2021/03/31 Servers
利用Python将list列表写入文件并读取的方法汇总
2022/03/25 Python