用javascript控制iframe滚动的代码

Ringjsj

Ringjsj

2016-02-19 10:10

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的用javascript控制iframe滚动的代码,手机电脑控们准备好了吗?一起看过来吧!
现在有一个横向的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 
展开更多 50%)
分享

猜你喜欢

用javascript控制iframe滚动的代码

Web开发
用javascript控制iframe滚动的代码

用javascript动态调整iframe高度的代码

Web开发
用javascript动态调整iframe高度的代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用javascript代替marquee的滚动字幕效果代码

Web开发
用javascript代替marquee的滚动字幕效果代码

CSS代码:控制IE滚动条

Web开发
CSS代码:控制IE滚动条

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用javascript动态调整iframe高度的方法

Web开发
用javascript动态调整iframe高度的方法

用CSS控制浏览器滚动条样式源代码

Web开发
用CSS控制浏览器滚动条样式源代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Android Handler主线程和一般线程通信的应用分析

Android Handler主线程和一般线程通信的应用分析

Win8如何卸载Metro界面下的程序

Win8如何卸载Metro界面下的程序
下拉加载更多内容 ↓