用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中(function(){})()执行顺序的理解
Mar 05 Javascript
深入理解JavaScript是如何实现继承的
Dec 12 Javascript
介绍一个简单的JavaScript类框架
Jun 24 Javascript
javascript鼠标右键菜单自定义效果
Dec 08 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
vue开发心得和技巧分享
Oct 27 Javascript
简述jQuery Easyui一些用法
Aug 01 jQuery
vue路由跳转时判断用户是否登录功能的实现
Oct 26 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
让你5分钟掌握9个JavaScript小技巧
Jun 09 Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 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使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
PHP+FastCGI+Nginx配置PHP运行环境
2014/08/07 PHP
PHP多线程编程之管道通信实例分析
2015/03/07 PHP
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2016/03/22 PHP
使用CSS3实现字体颜色渐变的实现
2021/03/09 HTML / CSS
关于IE7 IE8弹出窗口顶上
2008/12/22 Javascript
jQuery $.data()方法使用注意细节
2012/12/31 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
2015/09/21 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
angularjs实现简单的购物车功能
2017/09/21 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
微信小程序实现城市列表选择
2018/06/05 Javascript
vue+iview+less 实现换肤功能
2018/08/17 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
[59:36]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第二场
2018/04/04 DOTA
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
在python下实现word2vec词向量训练与加载实例
2020/06/09 Python
学python需要去培训机构吗
2020/07/01 Python
详解pycharm配置python解释器的问题
2020/10/15 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
自我评价怎么写正确呢?
2013/12/02 职场文书
《童趣》教学反思
2014/02/19 职场文书
保研专家推荐信范文
2015/03/25 职场文书
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
javascript拖曳互换div的位置实现示例
2021/06/28 Javascript
分享很少见很有用的SQL功能CORRESPONDING
2022/08/05 MySQL