鼠标控制文字滚动支持上下左右的滚动

来源：本站原创点击：时间：2007年04月17日论坛讨论 [字号：大中小]

<div id="scroller" style="width:200px; height:200px;overflow:auto;border:1px solid #333;"> 
	中日拟建军事热线避免海上冲突11111122211111144441111111115555111111666111<br />
	教育部:不会让31个省份高考全部自主命题22211111144441111111115555111111666111 <br />
	夫妻执意在巨浪前拍照 摆好POSE被卷走(图)22211111144441111111115555111111666111<br /> 
	调查称丹麦芬兰是欧洲最快乐国家22211111144441111111115555111111666111<br />
	李敖称若台海危机爆发台军仅能撑两天22211111144441111111115555111111666111<br />
	美日印联合海上军演 日方称不针对中国22211111144441111111115555111111666111
	<br />
	<br />
</div>

<span onmouseover="scroll(-1)" onmouseout="scroll(0)" onmousedown="scroll(-3)" title="scroll up">上滚</span>
<span onmouseover="scroll(1)" onmouseout="scroll(0)"  onmousedown="scroll(3)" title="scroll down">下滚</span><br />
<span onmouseover="scrollw(-1)" onmouseout="scrollw(0)" onmousedown="scrollw(-3)" title="scroll left">左滚</span>
<span onmouseover="scrollw(1)" onmouseout="scrollw(0)"  onmousedown="scrollw(3)" title="scroll right">右滚</span>
<script type="text/Javascript">
function scroll(n)
{a=n;
document.getElementById("scroller").scrollTop=document.getElementById("scroller").scrollTop+a;
if (a==0) return;
setTimeout("scroll(a)",80);
}
function scrollw(n)
{b=n;
document.getElementById("scroller").scrollLeft=document.getElementById("scroller").scrollLeft+b;
if (b==0) return;
setTimeout("scrollw(b)",80);
}
</script>

上篇：仿QQ导航菜单
下篇：页面简繁转换支持cookie记忆

什么是网站标准化？

栏目导航

XHTML/CSS

AJAX

JavaScript

DOM

XML

正则表达式

网站优化

电脑网络

建站技术

鼠标控制文字滚动支持上下左右的滚动

什么是网站标准化？

建站技术

鼠标控制文字滚动 支持上下左右的滚动

鼠标控制文字滚动支持上下左右的滚动