用javascript控制iframe滚动的代码

2016-02-19 10:10 2 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的用javascript控制iframe滚动的代码,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

现在有一个横向的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   style="text-align:center"   style="height:130px;width:243px;"     
      scriptvar   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   

  br0br0br0br0br0br0br0br0br0br0br0br0br0br0br0br0

 

横向滚动..   

  demox.htm   

  iframe   name="in"   src="inx.htm"/iframe   
  div   style="text-align:center"   style="height:130px;width:243px;"     
      scriptvar   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 

来源:https://www.tulaoshi.com/n/20160219/1593651.html

延伸阅读
标签: Web开发
    1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-...
标签: Web开发
程序代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" / title滚动新闻类...
标签: Java JAVA基础
我们一般都用Marquee标签控制元素的滚动。但是单向的Marquee滚动是不连续的,每滚完一幕,就会出现一次空白。而下面介绍中的滚动则是连续的,毫不间断。 下面小阳为你介绍这是如何实现的。 为了滚动能够“连续”,我们需要将字幕的内容复制多遍,直到内容的高度不小于滚 动区高度的两倍。然后我们将溢出的滚动条隐藏掉,用代码控制滚...
标签: Web开发
Untitled Document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
title标题/title input type="button" name="Submit" onClick='copyToClipBoard()' value="复制专题地址,传给QQ/MSN上的好友"  script language="javascript"    function copyToClipBoard(){     var clipBoardContent="";     clipBoa...

经验教程

211

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部