用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 相关文章推荐
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
Sep 20 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
Apr 27 Javascript
js浮动图片的动态效果
Jul 10 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
Aug 15 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
多种jQuery绑定事件的实现方式
Jun 13 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
vue引入ueditor及node后台配置详解
Jan 03 Javascript
详解a标签添加onclick事件的几种方式
Mar 29 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
Mar 09 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
vue实现点击按钮切换背景颜色的示例代码
Jun 23 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 第一节 php简介
2012/04/28 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
详解PHP防止直接访问.php 文件的实现方法
2017/07/28 PHP
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
探讨JavaScript中声明全局变量三种方式的异同
2013/12/03 Javascript
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
2014/03/18 NodeJs
jQuery()方法的第二个参数详解
2015/04/29 Javascript
JavaScript中string对象
2015/06/12 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
2017/01/21 Javascript
Angular.js中控制器之间的传值详解
2017/04/24 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
记录vue做微信自定义分享的一些问题
2019/09/12 Javascript
基于JS实现父组件的请求服务过程解析
2019/10/14 Javascript
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
Javascript如何实现扩充基本类型
2020/08/26 Javascript
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
vue使用transition组件动画效果的实例代码
2021/01/28 Vue.js
Python中的super用法详解
2015/05/28 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
python判断链表是否有环的实例代码
2020/01/31 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
Interflora澳大利亚:同日鲜花速递
2019/06/25 全球购物
大学生毕业自我鉴定范文
2014/02/03 职场文书
财务会计实训报告
2014/11/05 职场文书
2014年学校卫生工作总结
2014/11/20 职场文书
大学辅导员述职报告
2015/01/10 职场文书
公司停电通知
2015/04/15 职场文书
英语教学课后反思
2016/02/15 职场文书
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers