控制IFrame里的页面滚动原来如此简单:)

图片控制页面滚动

步骤一:在当前网页中插入其它网页

<iframe name=a1 align=left src="page.htm" frameborder=0 width="100%" scrolling=yes target="middle" ></iframe>

//a1为框架名,可自定义;

//page.htm为在当前网页中需插入的另一网页;

//scrolling为是否要在插入网页的框架中显示滚动条(yes:显示;no:不显示)。

 

步骤二:分别在需加移动指示处插入指示图片

<IMG src="pic/up.gif" alt="向上" onMouseOver="sf=setInterval('a1.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)" width="11" height="11">

<IMG src="pic/down.gif" alt="向下" onMouseOver="sf=setInterval('a1.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)" width="11" height="11" >

//其中的图片地址和名称以及框架名a1均可根据实际设定进行修改。
效果果然不错!收藏一下:)

posted @ 2006-02-09 12:33  blueKnight  Views(1724)  Comments(1Edit  收藏  举报