iframe 控制 scroll
作者/sunnie 时间/2006-7-18 12:36:00 类别/English Study 查看/
 发表评论 以论坛方式查看
标签:综合 哲理 Design study 知识积累
8.如何使用浮动帧--iframe 
  
1.页内帧IFRAME其实很简单,因为DREAMWEAVER没有这个插入功能所以不为人所知. 
  
2.看名字就可以看出.IFRAME其实就是帧FRAME.只不过它可以以IFRAME的形式插入到页面的任何位置,它的属性跟FRAME一样,你可以到帧的面板上查看其属性. 
  
3.插入时我都有用手工写入代码:代码如下:
<iframe src="/sample.html" name="myiframe" scrolling=auto width=250 height=200 frameborder=0 marginwidth=0 marginheight=0>Type error message for Netscape 4 and older browsers here.</iframe>  
SRC是指明这个帧所需调用的页面名称,NAME值可有可无但如果你需要调用这个IFRAME的窗口就非写不可了.SCROLLING的属性规定是否需要滚动条,可以是NO. 
  
4.如果不用IFRAME自已的滚动条,你可以用以下代码很简单地在其它地方控制它的左右或上下移动。(资料来源DARKVN)
左右移动:
<img src="/coolweb_images/scroll_left.gif" onMouseOver="ww=setInterval('myiframe.scrollBy(-2,0)',1)" onMouseOut="clearInterval(ww)" width="19" height="16" alt="左移">
<img src="/coolweb_images/scroll_right.gif" width="19" height="16" onMouseOver="ww=setInterval('myiframe.scrollBy(2,0)',1)" onMouseOut="clearInterval(ww)" alt="右移">
上下移动:
<img src="/coolweb_images/scroll_left.gif" onMouseOver="ww=setInterval('myiframe.scrollBy(0,2)',1)" onMouseOut="clearInterval(ww)" width="19" height="16" alt="下移">
<img src="/coolweb_images/scroll_right.gif" width="19" height="16" onMouseOver="ww=setInterval('myiframe.scrollBy(0,-2)',1)" onMouseOut="clearInterval(ww)" alt="上移">
上下移动到底:
onClick="myiframe.scroll(0,0)"和onClick="myiframe.scroll(0,30000)" 
  
5.如果需要在这个帧里调用别的页面,用TARGET指向它。如: target="myiframe"
查看该用户更多文章>>