页面左侧的导航条

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

页面左侧的导航条效果，可自定义样式及各个导航选项。

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

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

脚本说明:
把如下代码加入<body>区域中
<style type="text/css">
<!--

a{text-decoration:none;color:#000000;font-size:8pt;font-family:verdana}
//-->
</style>
<script language="JavaScript">
<!--

var top=50;

var left=0;

var bordercolor="#000000";

var bgcolorLight="#EFEFEF";

var bgcolorDark="#DFDFDF";

um1 = new Array("Menu1",
"Link1_um1", "http:///",
"Link2_um1", "http:///",
"Link3_um1", "http:///",
"Link4_um1", "http:///",
"Link5_um1", "http:///",
"Link6_um1", "http:///")

um2 = new Array("Menu2",
"Link1_um2", "http:///",
"Link2_um2", "http:///",
"Link3_um2", "http:///",
"Link4_um2", "http:///")

um3 = new Array("Menu3",
"Link1_um3", "http:///",
"Link2_um3", "http:///",
"Link3_um3", "http:///",
"Link4_um3", "http:///",
"Link5_um3", "http:///",
"Link6_um3", "http:///",
"Link7_um3", "http:///",
"Link8_um3", "http:///",
"Link9_um3", "http:///",
"Link10_um3", "http:///",
"Link11_um3", "http:///",
"Link12_um3", "http:///",
"Link13_um3", "http:///",
"Link14_um3", "http:///",
"Link15_um3", "http:///")
//-->
</script>
<script language="JavaScript">
<!--

function checkBrowser(){ 
this.ver=navigator.appVersion 
this.dom=document.getElementById?1:0 
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0; 
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
this.ie4=(document.all && !this.dom)?1:0; 
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
this.ns4=(document.layers && !this.dom)?1:0; 
this.mac=(this.ver.indexOf('Mac') > -1) ?1:0; 
this.ope=(navigator.userAgent.indexOf('Opera')>-1); 
this.ie=(this.ie6 || this.ie5 || this.ie4) 
this.ns=(this.ns4 || this.ns5) 
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope) 
this.nbw=(!this.bw) 
return this} 
bw=new checkBrowser()

var um1length = ((um1.length-1)/2); 
var um2length = ((um2.length-1)/2); 
var um3length = ((um3.length-1)/2);

var um1nr = 0; 
var um1nr2 = 1; 
var um1nr3 = 2; 
var um2nr = 0; 
var um2nr2 = 1; 
var um2nr3 = 2; 
var um3nr = 0; 
var um3nr2 = 1; 
var um3nr3 = 2;

init();

var m1pos_ie=20, m1jump_ie=-5; 
var m2pos_ie=20, m2jump_ie=-5; 
var m3pos_ie=20, m3jump_ie=-5;

var m1pos_n6=18, m1jump_n6=-6; 
var m2pos_n6=18, m2jump_n6=-6; 
var m3pos_n6=18, m3jump_n6=-6;

var m1pos_n=21, m1jump_n=-5; 
var m2pos_n=21, m2jump_n=-5; 
var m3pos_n=21, m3jump_n=-5;

var time=5;

function do_m1_ie() 
{ 
if(m2pos_ie>0) 
{ 
m2jump_ie=-5; 
if(m2pos_ie>=(um2.length-1)/2*17.5+20) 
m2_move_ie(); 
}

if(m3pos_ie>0) 
{ 
m3jump_ie=-5; 
if(m3pos_ie>=(um3.length-1)/2*17.5+20) 
m3_move_ie(); 
}

m1jump_ie=-m1jump_ie; 
if(m1pos_ie<=20 || m1pos_ie>=(um1.length-1)/2*17.5+20) 
m1_move_ie(); 
}

function m1_move_ie(witch) 
{ 
document.all.m1.style.top=m1pos_ie; 
m1pos_ie+=m1jump_ie;

if(m1pos_ie>15 && m1pos_ie<(um1.length-1)/2*17.5+20+5) 
setTimeout("m1_move_ie()", time); 
}

function do_m2_ie() 
{ 
if(m1pos_ie>0) 
{ 
m1jump_ie=-5; 
if(m1pos_ie>=(um1.length-1)/2*17.5+20) 
m1_move_ie(); 
}

if(m3pos_ie>0) 
{ 
m3jump_ie=-5; 
if(m3pos_ie>=(um3.length-1)/2*17.5+20) 
m3_move_ie(); 
}

m2jump_ie=-m2jump_ie; 
if(m2pos_ie<=20 || m2pos_ie>=(um2.length-1)/2*17.5+20) 
m2_move_ie(); 
}

function m2_move_ie() 
{ 
document.all.m2.style.top=m2pos_ie; 
m2pos_ie+=m2jump_ie;

if(m2pos_ie>15 && m2pos_ie<(um2.length-1)/2*17.5+20+5) 
setTimeout("m2_move_ie()", time); 
}

function do_m3_ie() 
{ 
if(m2pos_ie>0) 
{ 
m2jump_ie=-5; 
if(m2pos_ie>=(um2.length-1)/2*17.5+20) 
m2_move_ie(); 
}

if(m1pos_ie>0) 
{ 
m1jump_ie=-5; 
if(m1pos_ie>=(um1.length-1)/2*17.5+20) 
m1_move_ie(); 
}

m3jump_ie=-m3jump_ie; 
if(m3pos_ie<=20 || m3pos_ie>=(um3.length-1)/2*17.5+20) 
m3_move_ie(); 
}

function m3_move_ie() 
{ 
document.all.m3.style.top=m3pos_ie; 
m3pos_ie+=m3jump_ie;

if(m3pos_ie>15 && m3pos_ie<(um3.length-1)/2*17.5+20+5) 
setTimeout("m3_move_ie()", time); 
}

function do_m1_n() 
{ 
if(m2pos_n>0) 
{ 
m2jump_n=-5; 
if(m2pos_n>=(um2.length-1)/2*20+20) 
m2_move_n(); 
}

if(m3pos_n>0) 
{ 
m3jump_n=-5; 
if(m3pos_n>=(um3.length-1)/2*20+20) 
m3_move_n(); 
}

m1jump_n=-m1jump_n; 
if(m1pos_n<=21 || m1pos_n>=(um1.length-1)/2*20+20) 
m1_move_n(); 
}

function m1_move_n() 
{ 
document.m.document.m1.top=m1pos_n; 
m1pos_n+=m1jump_n;

if(m1pos_n>=20 && m1pos_n<(um1.length-1)/2*20+20) 
setTimeout("m1_move_n()", time); 
}

function do_m2_n() 
{ 
if(m1pos_n>0) 
{ 
m1jump_n=-5; 
if(m1pos_n>=(um1.length-1)/2*20+20) 
m1_move_n(); 
}

if(m3pos_n>0) 
{ 
m3jump_n=-5; 
if(m3pos_n>=(um3.length-1)/2*20+20) 
m3_move_n(); 
}

m2jump_n=-m2jump_n; 
if(m2pos_n<=21 || m2pos_n>=(um2.length-1)/2*20+20) 
m2_move_n(); 
}

function m2_move_n() 
{ 
document.m.document.m1.document.m2.top=m2pos_n; 
m2pos_n+=m2jump_n;

if(m2pos_n>20 && m2pos_n<(um2.length-1)/2*20+20) 
setTimeout("m2_move_n()", time); 
}

function do_m3_n() 
{ 
if(m2pos_n>0) 
{ 
m2jump_n=-5; 
if(m2pos_n>=(um2.length-1)/2*20+20) 
m2_move_n(); 
}

if(m1pos_n>0) 
{ 
m1jump_n=-5; 
if(m1pos_n>=(um1.length-1)/2*20+20) 
m1_move_n(); 
}

m3jump_n=-m3jump_n; 
if(m3pos_n<=21 || m3pos_n>=(um3.length-1)/2*20+20) 
m3_move_n(); 
}

function m3_move_n() 
{ 
document.m.document.m1.document.m2.document.m3.top=m3pos_n; 
m3pos_n+=m3jump_n;

if(m3pos_n>20 && m3pos_n<(um3.length-1)/2*20+20) 
setTimeout("m3_move_n()", time); 
}

function do_m1_n6() 
{ 
if(m2pos_n6>0) 
{ 
m2jump_n6=-6; 
if(m2pos_n6>=(um2.length-1)/2*17.5+20) 
m2_move_n6(); 
}

if(m3pos_n6>0) 
{ 
m3jump_n6=-6; 
if(m3pos_n6>=(um3.length-1)/2*17.5+20) 
m3_move_n6(); 
}

m1jump_n6=-m1jump_n6; 
if(m1pos_n6<=18 || m1pos_n6>=(um1.length-1)/2*17.5+20) 
m1_move_n6(); 
}

function m1_move_n6() 
{ 
document.getElementById('m1').style.top=m1pos_n6; 
m1pos_n6+=m1jump_n6;

if(m1pos_n6>15 && m1pos_n6<(um1.length-1)/2*17.5+20+5) 
setTimeout("m1_move_n6()", time); 
}

function do_m2_n6() 
{ 
if(m1pos_n6>0) 
{ 
m1jump_n6=-6; 
if(m1pos_n6>=(um1.length-1)/2*17.5+20) 
m1_move_n6(); 
}

if(m3pos_n6>0) 
{ 
m3jump_n6=-6; 
if(m3pos_n6>=(um3.length-1)/2*17.5+20) 
m3_move_n6(); 
}

m2jump_n6=-m2jump_n6; 
if(m2pos_n6<=18 || m2pos_n6>=(um2.length-1)/2*17.5+20) 
m2_move_n6(); 
}

function m2_move_n6() 
{ 
document.getElementById('m2').style.top=m2pos_n6; 
m2pos_n6+=m2jump_n6;

if(m2pos_n6>15 && m2pos_n6<(um2.length-1)/2*17.5+20+5) 
setTimeout("m2_move_n6()", time); 
}

function do_m3_n6() 
{ 
if(m2pos_n6>0) 
{ 
m2jump_n6=-6; 
if(m2pos_n6>=(um2.length-1)/2*17.5+20) 
m2_move_n6(); 
}

if(m1pos_n6>0) 
{ 
m1jump_n6=-6; 
if(m1pos_n6>=(um1.length-1)/2*17.5+20) 
m1_move_n6(); 
}

m3jump_n6=-m3jump_n6; 
if(m3pos_n6<=18 || m3pos_n6>=(um3.length-1)/2*17.5+20) 
m3_move_n6(); 
}

function m3_move_n6() 
{ 
document.getElementById('m3').style.top=m3pos_n6; 
m3pos_n6+=m3jump_n6;

if(m3pos_n6>15 && m3pos_n6<(um3.length-1)/2*17.5+20+5) 
setTimeout("m3_move_n6()", time); 
} 
//-->
</script>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于页面左侧的导航条的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719157.shtml方便下次再访问哦。

·上一篇： 鼠标下的导航链接
·下一篇： 鼠标驱动的下拉菜单

页面左侧的导航条

文章分类LIST >>返回首页

最新游戏

最新新闻