用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 select操作的日期联动实现代码
Dec 06 Javascript
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 Javascript
基于jquery的图片幻灯展示源码
Jul 15 Javascript
js中parseInt函数浅谈
Jul 31 Javascript
javascript 终止函数执行操作
Feb 14 Javascript
node.js中的fs.chmodSync方法使用说明
Dec 18 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
对TypeScript库进行单元测试的方法
Jul 18 Javascript
JS实现秒杀倒计时特效
Jan 02 Javascript
js实现简易ATM功能
Oct 27 Javascript
vue实现验证用户名是否可用
Jan 20 Vue.js
经常用到的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中静态变量的使用方法实例分析
2016/12/01 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
用Javascript数组处理多个字符串的连接问题
2009/08/20 Javascript
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
jQuery中使用Ajax获取JSON格式数据示例代码
2013/11/26 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
BootStrap 可编辑表Table格
2016/11/24 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
Python编程求质数实例代码
2018/01/31 Python
python学习入门细节知识点
2018/03/29 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
python环境路径配置以及命令行运行脚本
2019/04/02 Python
selenium+python环境配置教程详解
2019/05/28 Python
python图形绘制奥运五环实例讲解
2019/09/14 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
实例讲解CSS3中Transform的perspective属性的用法
2016/04/22 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
美国在线购买和出售礼品卡网站:EJ Gift Cards
2019/06/09 全球购物
环境科学毕业生自荐信
2013/11/21 职场文书
应届大学生自荐信
2013/12/05 职场文书
五一服装活动方案
2014/01/11 职场文书
陈欧广告词
2014/03/14 职场文书
关爱残疾人标语
2014/06/25 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
行政二审代理词
2015/05/25 职场文书
感恩教师主题班会
2015/08/12 职场文书
Python连续赋值需要注意的一些问题
2021/06/03 Python
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers
vue3不同环境下实现配置代理
2022/05/25 Vue.js