javascript 弹性菜单，垂直的那种

</p> <p>body {cursor:hand; margin:0; padding:0; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%;}<br /> .link {position:absolute;left:0;width:100%;height:0;background:#000;overflow:hidden;visibility:hidden;}<br /> .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;}<br /> .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;}<br /> .text {position:relative;text-align:justify;margin:10px;font-family:trebuchet MS;verdana;font-size:11px;color:#FFF;overflow:hidden;height:90%}<br /> .fernando { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, san-serif; font-size: 16px; font-weight: bolder}<br /> .mafra { } </p> <p><span class="link"> </p> <p></span> <span class="link"><br /> <b> alimentos /<i> food</i></b> </p> <p></span> <span class="link"><br /> <b> bebidas /<i> drinks</i></b> </p> <p></span> <span class="link"><br /> <b> joias /<i> jewels</i></b> </p> <p></span> <span class="link"><br /> <b> natureza /<i> nature</i></b> </p> <p></span> <span class="link"><br /> <b> gente /<i> people</i></b> </p> <p></span> <span class="link"><br /> <b> produtos /<i> products</i></b> </p> <p></span> <span class="link"><br /> <b> contato /<i> contact</i></b> </p> <p></span> </p> <p><span class="link"><br /> <b> contato /<i> contact</i></b> </p> <p></span> </p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• javascript弹性运动效果简单实现方法
• JS运动相关知识点小结(附弹性运动示例)
• JavaScript拖拽、碰撞、重力及弹性运动实例分析
• 纯js模拟div层弹性运动的方法
• JS实现弹性漂浮效果的广告代码
• js左右弹性滚动对联广告代码分享
• 一个简单的弹性返回顶部JS代码实现介绍
• js运动动画的八个知识点
• JS实现匀速运动的代码实例
• 使用JavaScript 实现对象 匀速/变速运动的方法
• 用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
• JS弹性运动实现方法分析