用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格式化金额可选是否带千分位以及保留精度
Jan 28 Javascript
js实现字符串的16进制编码不加密
Apr 25 Javascript
node.js中的http.request方法使用说明
Dec 14 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
Jun 20 Javascript
原生js实现可拖拽效果
Feb 28 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
关于定制FileField中的上传文件名称问题
Aug 22 Javascript
React.Js添加与删除onScroll事件的方法详解
Nov 03 Javascript
JS+H5 Canvas实现时钟效果
Jul 20 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函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
php cookie名使用点号(句号)会被转换
2014/10/23 PHP
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
2012/11/07 Javascript
使用jquery获取网页中图片高度的两种方法
2013/09/26 Javascript
JavaScript中的操作符==与===介绍
2014/12/31 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
js实现漂浮回顶部按钮实例
2015/05/06 Javascript
jquery实现叠层3D文字特效代码分享
2015/08/21 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
vue插件tab选项卡使用小结
2016/10/27 Javascript
Javascript之图片的延迟加载的实例详解
2017/07/24 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
Vue+axios实现统一接口管理的方法
2018/07/23 Javascript
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
2020/07/19 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
pygame实现非图片按钮效果
2019/10/29 Python
python3正则模块re的使用方法详解
2020/02/11 Python
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
小学班主任寄语大全
2014/04/04 职场文书
以幸福为主题的活动方案
2014/08/22 职场文书
小学向国旗敬礼活动方案
2014/09/27 职场文书
医德医风自我评价2015
2015/03/03 职场文书
导游词之安徽醉翁亭
2020/01/10 职场文书
使用Djongo模块在Django中使用MongoDB数据库
2021/06/20 Python