网络编程
位置:首页>> 网络编程>> JavaScript>> 超级简单实现框架滚动控制

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

作者:rkvn 来源:经典论坛 发布时间:2008-07-01 12:14:00 

标签:框架,滚动,iframe

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

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

<iframe id="frm" src="XXX.htm" scrolling="no"></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变量冲突了就换别的。

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

演示代码:

补充一下:

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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com