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