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 {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 { } <span class="link"> </span><span class="link"> <b> alimentos /<i> food</i></b> </span><span class="link"> <b> bebidas /<i> drinks</i></b> </span><span class="link"> <b> joias /<i> jewels</i></b> </span><span class="link"> <b> natureza /<i> nature</i></b> </span><span class="link"> <b> gente /<i> people</i></b> </span><span class="link"> <b> produtos /<i> products</i></b> </span><span class="link"> <b> contato /<i> contact</i></b> </span><span class="link"> <b> contato /<i> contact</i></b> </span>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

以上就是javascript 弹性菜单，垂直的那种的详细内容，更多请关注本站其它相关文章！