超级简单实现框架滚动控制。 - ┣◇网站建设&Web语言 - ╋艺镇╋

前提要会简单修改原代码。

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>

主题：超级简单实现框架滚动控制。