用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 文件引入实现代码
Apr 23 Javascript
javascript 获取元素样式必杀技
May 04 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
JavaScript电子时钟倒计时第二款
Jan 10 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
AngularJS控制器之间的通信方式详解
Nov 03 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
May 03 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
原生JS获取元素的位置与尺寸实现方法
Oct 18 Javascript
Vue.js实现列表清单的操作方法
Nov 15 Javascript
详解Angular6.0使用路由步骤(共7步)
Jun 29 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
在Windows中安装Apache2和PHP4的权威指南
2006/10/09 PHP
php中用date函数获取当前时间有误的解决办法
2013/08/02 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
js select常用操作控制代码
2010/03/16 Javascript
jquery的index方法实现tab效果
2011/02/16 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
2013/08/26 Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
2014/01/06 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
2014/01/24 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
Node.js的特点详解
2017/02/03 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
js实现字符全排列算法的简单方法
2017/05/01 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
js实现继承的方法及优缺点总结
2019/05/08 Javascript
layui的layedit富文本赋值方法
2019/09/18 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
python使用post提交数据到远程url的方法
2015/04/29 Python
Pthon批量处理将pdb文件生成dssp文件
2015/06/21 Python
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
SVM基本概念及Python实现代码
2017/12/27 Python
微信跳一跳游戏python脚本
2020/04/01 Python
Python使用装饰器模拟用户登陆验证功能示例
2018/08/24 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
UI自动化定位常用实现方法代码示例
2020/10/27 Python
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
Delphi CS笔试题
2014/01/04 面试题
财务会计专业推荐信
2013/11/30 职场文书
幼教求职信
2014/03/12 职场文书
安全协议书范本
2014/04/21 职场文书
表彰大会策划方案
2014/05/13 职场文书
2015年感恩母亲节活动方案
2015/05/04 职场文书
Python turtle实现贪吃蛇游戏
2021/06/18 Python