|
步骤1:插入iframe标签在你想要的位置。
<iframe id="frm" src="XXX.htm" scrolling="no"></iframe>
注意id是frm,也可以自己定，但下面代码相应部分要修改。其它属性自己根据情况写。
步骤2:插入两个图片一个向上滚动的一个向下滚动的。
在向上滚动的图片的<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)"直接到底。
实例：
代码：
<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>
作者：佚名 | 文章来源：本站原创 | 更新时间：2007-9-5 10:01:10
|
上一篇文章： 图片缩略图，点击放大到原图大小的代码
下一篇文章： 利用.htc文件去除超链接的虚框 |
相关文章：
iframe中各个属性元素的用法
|
MSN :xjcncn@hotmail.com
; 
QQ：359312
;地址：新疆乌鲁木齐市友好E时代公寓B座708 邮编：830000
