用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 checkbox全选、取消全选、删除功能代码
Dec 19 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
jquery简单插件制作(fn.extend)完整实例
May 24 Javascript
原生js实现焦点轮播图效果
Jan 12 Javascript
微信小程序template模板实例详解
Oct 27 Javascript
Iview Table组件中各种组件扩展的使用
Oct 20 Javascript
微信小程序通过websocket实时语音识别的实现代码
Aug 19 Javascript
vue在图片上传的时候压缩图片
Nov 18 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的ob_start();控制您的浏览器cache!
2007/02/14 PHP
浅析PHP中strlen和mb_strlen的区别
2014/08/31 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
php解析xml 的四种简单方法(附实例)
2016/07/11 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
Javascript中暂停功能的实现代码
2007/03/04 Javascript
jquery getScript动态加载JS方法改进详解
2012/11/15 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
JS实现不规则TAB选项卡效果代码
2015/09/16 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
2017/01/05 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
2017/12/06 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
python生成日历实例解析
2014/08/21 Python
python中的闭包函数
2018/02/09 Python
HTML5样式控制示例代码
2013/11/27 HTML / CSS
amazeui 验证按钮扩展的实现
2020/08/21 HTML / CSS
Wilson体育用品官网:美国著名运动器材品牌
2019/05/12 全球购物
什么是makefile? 如何编写makefile?
2013/01/02 面试题
大二自我鉴定范文
2013/10/05 职场文书
经典公益广告词
2014/03/13 职场文书
秸秆管理实施方案
2014/03/15 职场文书
优秀班组长事迹
2014/05/31 职场文书
护理专科学生自荐书
2014/07/05 职场文书
艺术设计专业毕业生推荐信
2014/07/08 职场文书
县政府办公室领导班子对照检查材料思想汇报
2014/09/28 职场文书
单位租车协议书
2015/01/29 职场文书
导游词欢迎词
2015/02/02 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
2015年国庆放假通知范文
2015/08/18 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书