高校问答东方财富 半年报:如何用onmouseover控制iframe滚动？
来源：百度文库 编辑：高校问答 时间：2024/04/29 11:26:16
iframe在一页里的大小固定，如果超过范围可以用 滚动条，但是我不想用，因为太难看，即使用css 改变颜色也不爽，最好用 两个图片 onmouseover 触发事件来实现滚动。
有必要搞那么麻烦吗，我只是想控制IFRAME 的滚动
唉，服了你们了，还不如我自己找了！
<IMG src="images/rzup.gif" alt="向上" onMouseOver="sf=setInterval('message.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)">
<IMG src="images/rzdown.gif" alt="向下" onMouseOver="sf=setInterval('message.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)">
这个是最方便好用的！
有必要搞那么麻烦吗，我只是想控制IFRAME 的滚动
唉，服了你们了，还不如我自己找了！
<IMG src="images/rzup.gif" alt="向上" onMouseOver="sf=setInterval('message.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)">
<IMG src="images/rzdown.gif" alt="向下" onMouseOver="sf=setInterval('message.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)">
这个是最方便好用的！
首先在网页的<head> </head>之间添加以下代码:
<SCRIPT LANGUAGE="javascript">
function scroll(n)
{temp=n;
Out1.scrollTop=Out1.scrollTop+temp;
if (temp==0) return;
setTimeout("scroll(temp)",80);
}
</SCRIPT>
注意:Out1为iframe的ID
然后在表示向上的图片的代码中添加:
onmouseover="scroll(-1)" onmouseout="scroll(0)" onmousedown="scroll(-3)
在表示向下的图片的代码中添加:
onmouseover="scroll(1)" onmouseout="scroll(0)" onmousedown="scroll(3)"
<script>
var currentpos,timer;
function initialize()
{timer=setInterval("scrollwindow()",1);}
function sc(){clearInterval(timer); }
function scrollwindow()
{currentpos=document.body.scrollTop; window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop) sc();}
document.onmousedown=sc
document.ondblclick=initialize
</SCRIPT>
以上是双击滚动的代码
要实现onmouseover 触发事件来实现滚动，你自己修改代码吧