javascript 弹性菜单，垂直的那种

Vevina ·

更新时间:2024-09-20

· 501 次阅读

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 { } 
 
<img src="http://huoche.7234.cn/images/jb51/pr5rk1ps1ok.gif" width="191" height="189" border="0"> 
 alimentos / food 
 <img src="http://huoche.7234.cn/images/jb51/olchdgn2lpb.jpg" width="183" height="174" border="0"> 
 bebidas / drinks 
 <img src="http://huoche.7234.cn/images/jb51/2zekstwts01.jpg" width="183" height="174" border="0"> 
 joias / jewels 
 <img src="http://huoche.7234.cn/images/jb51/qqtmaktzqze.jpg" width="183" height="174" border="0"> 
 natureza / nature 
 <img src="http://huoche.7234.cn/images/jb51/ay5z1sglezl.jpg" width="183" height="174" border="0"> 
 gente / people 
 <img src="http://huoche.7234.cn/images/jb51/xrgkckbw3m5.jpg" width="183" height="174" border="0"> 
 produtos / products 
 <img src="http://huoche.7234.cn/images/jb51/zkdru3nm3do.jpg" width="183" height="174" border="0"> 
 contato / contact 
<img src="http://huoche.7234.cn/images/jb51/4o1wg3gy1lr.gif" width="191" height="189" border="0"> 
 contato / contact 
<img src="http://huoche.7234.cn/images/jb51/4o1wg3gy1lr.gif" width="191" height="189" border="0">

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

弹性菜单 JavaScript

1024 个赞