听棠.NET

用积极乐观的心态,面对压力
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2006-01-25 09:14  听棠.NET  阅读(6294)  评论(2编辑  收藏  举报
图片控制页面滚动

 常用效果之一

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

<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均可根据实际设定进行修改。
效果果然不错!收藏一下:)