站长中国
当前位置：站长中国 >> 网页特效 >> 技 巧 类 >> 内容
精彩推荐
分类最新特效
分类热点特效
   
鼠标双击页面后，页面向右滚动，到边后会停止，再双击后回转
日期：2005-07-06   人气：   【字体：大 中 小】【收藏此文】

<!-- 网页特效代码由[站长中国:http://www.zzChina.net]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=3 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示</strong></font></td></tr>
<tr><td align=center>
<pre>鼠标双击滚动，单击停止滚动，滚动到边后仍不停滚动，会自动回转滚动......鼠标双击滚动，单击停止滚动，滚动到边后仍不停滚动，会自动回转滚动......鼠标双击滚动，单击停止滚动，滚动到边后仍不停滚动，会自动回转滚动......</pre>

<script>

function document.body.onselectstart()
{
return false;
}



var move_time = null;

var move_direction = 1;

function document.ondblclick()
{
move_time = setInterval("move_scroll()",100);
}



function move_scroll()
{
if(document.body.scrollLeft==0||(document.body.scrollWidth - document.body.scrollLeft)==document.body.clientWidth)
{
move_direction *= -1;
}

window.scrollBy(move_direction,0)
}

function document.onclick()
{
clearInterval(move_time)
}

</script>

</td></tr>
</table></center>
<br>
<br>
<br><br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
把如下代码加入<body>区域中
<pre>11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111122222222222222222222222222222222221</pre>

<script>

function document.body.onselectstart()
{
return false;
}



var move_time = null;

var move_direction = 1;

function document.ondblclick()
{
move_time = setInterval("move_scroll()",100);
}



function move_scroll()
{
if(document.body.scrollLeft==0||(document.body.scrollWidth - document.body.scrollLeft)==document.body.clientWidth)
{
move_direction *= -1;
}

window.scrollBy(move_direction,0)
}

function document.onclick()
{
clearInterval(move_time)
}

</script>

</textarea>
<SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a)

{

history.go(a);

}

//-->

</script>

<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>