javascript弹性菜单，垂直的那种_导航菜单

来源：食答养生网

<html> 
<head> 
<style type="text/css"> 
body {cursor:hand; margin:0; padding:0; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%;} 
.link {position:absolute;left:0;width:100%;height:0;background:#000;overflow:hidden;visibility:hidden;} 
.title {position:relative;cursor:pointer;background:#FF6600;width:100%;color:#fff;font-family:trebuchet MS;verdana;font-size:11px;left:2;height:15;overflow:hidden;} 
.title_o {position:relative;cursor:pointer;background:#fff;width:100%;color:#000;font-family:trebuchet MS;verdana;font-size:11px;left:2;height:15;overflow:hidden;} 
.text {position:relative;text-align:justify;margin:10px;font-family:trebuchet MS;verdana;font-size:11px;color:#FFF;overflow:hidden;height:90%} 
.fernando { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, san-serif; font-size: 16px; font-weight: bolder} 
.mafra { } 
</style> 
.1){ 
y0+=dy; 
obj.style.top = Math.round(y0); 
setTimeout("object["+parent.N+"].object["+N+"].move();", 16); 
} else { 
run = false; 
if(dy>0)div.style.visibility="hidden"; 
else if(N>0)parent.object[N-1].div.style.visibility="hidden"; 
} 
} 
} 
this.obj.onmouseover = function(){ 
with(this.parent){ 
if(!run){ 
run = true; 
div.style.visibility="visible"; 
for(i=0;i<parent.NF;i++)parent.object[i].tit.className = "title"; 
tit.className = "title_o"; 
for(i=0;i<=N;i++){ 
parent.object[i].y1 = i*18; 
parent.object[i].move(); 
} 
for(i=N+1;i<parent.NF;i++){ 
parent.object[i].y1 = parent.H-(parent.NF-i)*18; 
parent.object[i].move(); 
} 
} 
} 
} 
} 
this.frm = document.getElementById(oCont); 
this.H = parseInt(this.frm.style.height); 
this.frm = this.frm.getElementsByTagName("span"); 
this.NF = this.frm.length; 
for(i=0;i<this.NF;i++) this.object[i] = new this.CObj(this, i); 
this.object[0].obj.onmouseover(); 
this.S = 10; 
} 
onload = function() { 
object[0] = new Slide(0, "frames"); 
} 
//--> 
</ script> 
</head> 
<body bgcolor="#333333"> 
 
 
 
 
 
 
 
 
 alimentos / food 
 
 
 
 bebidas / drinks 
 
 
 
 joias / jewels 
 
 
 
 natureza / nature 
 
 
 
 gente / people 
 
 
 
 produtos / products 
 
 
 
 contato / contact

contato / contact 
 
 
 
 
 
 
 
 
 
_uacct = "UA-1182901-1"; 
urchinTracker(); 
</ script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

显示全文

全部频道

javascript弹性菜单，垂直的那种_导航菜单