超级简单实现框架滚动控制

作者:rkvn 来源:经典论坛时间:2008-7-1 网友评论条【大中小】

超级简单实现iframe框架滚动控制，前提要会简单修改原代码。

step1:插入iframe标签在你想要的位置。

注意id是frm,也可以自己定，但下面代码相应部分要修改。其它属性自己根据情况写。

step2:插入两个图片一个向上的一个向下。

在向上的图片的<img>标签里加入如下代码：

onMouseOver="sf=setInterval('frm.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)"

在向下的图片<img>标签里加入

onMouseOver="sf=setInterval('frm.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)"

注意如果 sf 变量和你已有的的js变量冲突了就换别的。

现在就可以预览看效果了！

演示代码：

<body bgcolor="#FFFFFF" text="#000000"> <table width="260" border="0" cellspacing="0" cellpadding="0" height="293"> <tr> <td rowspan="2" height="252" width="392"> <iframe id="frm" width="300" height="300" scrolling="no" src=http://www.aspxhome.com/focus/ frameborder="0"></iframe></td> <td width="8" height="131"><img src="arrow_up.gif" width="11" height="12"onMouseOver="sf=setInterval('frm.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)" ></td> </tr> <tr> <td width="8" height="115"><img src="arrow_down.gif" width="11" height="12" onMouseOver="sf=setInterval('frm.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)"></td> </tr> </table> </body> [提示：你可先修改部分代码，再按运行]

补充一下：

<img>里加onClick="frm.scroll(0,0)"直接到顶。加onClick="frm.scroll(0,30000)"直接到底。

【加入收藏】【报告错误】【投递文章】【复制地址】【返回顶部↑】

本文地址：http://www.aspxhome.com/javascript/jsmagic/20087/42311.htm

站长工具

超级简单实现框架滚动控制

Aspxhome.com. 中国Asp之家. 版权所有