以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  超级简单实现框架滚动控制。  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=1524)

--  作者:admin
--  发布时间:2008/5/7 13:47:17
--  超级简单实现框架滚动控制。
前提要会简单修改原代码。

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变量冲突了就换别的。

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

实例:
http://darkvn.top263.net/temp/mm.htm
代码:
<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="news.htm" 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>