javascript彈性菜單，垂直的那種_導航菜單

來源：懂視網責編：小采時間：2020-11-27 20:41:55

javascript彈性菜單，垂直的那種_導航菜單

javascript彈性菜單，垂直的那種_導航菜單: 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 {positio

推薦度：

點擊下載本文 文檔為doc格式

導讀javascript彈性菜單，垂直的那種_導航菜單: 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 {positio

<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> 
<script type="text/javascript">.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"> 
 
 
 
 
 
<img src="http://www.mafra.fot.br/photos/images/img_logo_home.gif" width="191" height="189" border="0"> 
 
 
 alimentos / food 
 <img src="http://www.mafra.fot.br/photos/images/img_home-01.jpg" width="183" height="174" border="0"> 
 
 
 bebidas / drinks 
 <img src="http://www.mafra.fot.br/photos/images/img_home-02.jpg" width="183" height="174" border="0"> 
 
 
 joias / jewels 
 <img src="http://www.mafra.fot.br/photos/images/img_home-03.jpg" width="183" height="174" border="0"> 
 
 
 natureza / nature 
 <img src="http://www.mafra.fot.br/photos/images/img_home-04.jpg" width="183" height="174" border="0"> 
 
 
 gente / people 
 <img src="http://www.mafra.fot.br/photos/images/img_home-05.jpg" width="183" height="174" border="0"> 
 
 
 produtos / products 
 <img src="http://www.mafra.fot.br/photos/images/img_home-06.jpg" width="183" height="174" border="0"> 
 
 
 contato / contact 
 
<img src="http://www.mafra.fot.br/photos/images/img_assina_home.gif" width="191" height="189" border="0">

contato / contact 
 
<img src="http://www.mafra.fot.br/photos/images/img_assina_home.gif" width="191" height="189" border="0"> 
 
 
 
 
 
 
<script type="text/javascript"> 
_uacct = "UA-1182901-1"; 
urchinTracker(); 
</ script> 
</body> 
</html>

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

javascript彈性菜單，垂直的那種_導航菜單

推薦度：

點擊下載本文 文檔為doc格式

標簽：導航菜單菜單欄

熱門焦點

javascript彈性菜單，垂直的那種_導航菜單

javascript彈性菜單，垂直的那種_導航菜單

javascript彈性菜單，垂直的那種_導航菜單

最新推薦

猜你喜歡

熱門推薦