滚动的导航文字栏

稿源：互联网 2022-04-05 00:39:59 点击： 1153 撤稿纠错

滚动的文字导航，把鼠标移到上面去就可以自动滚动，还可以自定义滚动文字及链接页面。

以下讨论的是和滚动特效相关的滚动的导航文字栏教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
  <style>
BODY {
	FONT-SIZE: 9pt; COLOR: #333333
}
DIV {
	FONT-SIZE: 9pt; COLOR: #333333
}
TD {
	FONT-SIZE: 9pt; COLOR: #333333
}
A:link {
	FONT-SIZE: 9pt; COLOR: #3366cc; LINE-HEIGHT: 13pt; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 9pt; COLOR: #3366cc; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0000ff; TEXT-DECORATION: none
}
</style>
<SCRIPT>var sRepeat=null;function doScrollerIE(dir, src, amount) {	if (amount==null) {amount=10}	if (dir=="up") {document.all[src].scrollTop-=amount}	else {document.all[src].scrollTop+=amount}	if (sRepeat==null) {sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)}	return false}window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");window.document.ondragstart = new Function("return false");function msover(){{event.srcElement.style.color="000099";event.srcElement.style.backgroundColor="99ccff";event.srcElement.style.cursor = "hand";}}function msout(){{event.srcElement.style.color="";event.srcElement.style.backgroundColor="";event.srcElement.style.cursor = "auto";}}function markover(){{event.srcElement.style.color="990000";event.srcElement.style.cursor = "hand";}}function markout(){{event.srcElement.style.color="000000";event.srcElement.style.cursor = "auto";}}function toggle( targetId ){{target = document.all( targetId );if (target.style.display == "none"){target.style.display = "";} else {target.style.display = "none";}}}</SCRIPT>
<table border=0>
<TR><TD onmouseover="this.style.backgroundColor  = '990000';" onmouseout="this.style.backgroundColor = '000099';" align=right BGCOLOR=#000099><A CLASS=scroll ONMOUSEOVER="return doScrollerIE('up','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><font color=white>向下滚动</A></TD></TR>           
<TR><TD BGCOLOR=99ccff><DIV ID=s1 CLASS=sc1 STYLE="width: 121; height: 125; overflow: hidden; background: #99ccff;">           
<A CLASS=scr HREF="">阿里西西</A><BR>
<A CLASS=scr HREF="">阿里西西</A><BR>
<A CLASS=scr HREF="">阿里西西</A><BR> 
<A CLASS=scr HREF="">阿里西西</A><BR> 
<A CLASS=scr HREF="">传说水吧聊天室ver2.3</A><BR>
<A CLASS=scr HREF="">阿里西西</A><BR>
<A CLASS=scr HREF="">枫叶阁女士留言簿</A><BR> 
<A CLASS=scr HREF="">阿里西西</A><BR> 
<A CLASS=scr HREF="">比特村新闻发布系统</A><BR>  
<A CLASS=scr HREF="">阿里西西</A><BR>
<A CLASS=scr HREF="">长乐未央音乐在线</A><BR> 
<A CLASS=scr HREF="">动0阿里西西</A><BR>  
<A CLASS=scr HREF="">易阿里西西</A><BR>
<A CLASS=scr HREF="">大洲资讯付费广告系统</A><BR>
<A CLASS=scr HREF="">323阿里西西</A><BR>     
<A CLASS=scr HREF="">蓝芒调查引擎标准版</A><BR> 
<A CLASS=scr HREF="">哥阿里西西</A><BR> 
<A CLASS=scr HREF="">蓝芒流量统计系统</A><BR>
<A CLASS=scr HREF="">阿里西西</A><BR>
<A CLASS=scr HREF="">阿里西西</A><BR>
<A CLASS=scr HREF="">阿里西西</A><BR>       
</DIV></TD></TR>           
<TR><TD align=right onmouseover="this.style.backgroundColor  = '990000';" onmouseout="this.style.backgroundColor = '000099';" BGCOLOR=#000099><A CLASS=scroll ONMOUSEOVER="return doScrollerIE('down','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><font color=white>向上滚动</A></TD></TR> </table>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于滚动的导航文字栏的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719163.shtml方便下次再访问哦。

·上一篇： 鼠标驱动的下拉菜单
·下一篇： 右侧展开酷导航条

滚动的导航文字栏

文章分类LIST >>返回首页

最新游戏

最新新闻