| 以文本方式查看主题 - ╋艺 镇╋ (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> |