JS实现仿FLASH效果的竖排导航代码

本文实例讲述了JS实现仿FLASH效果的竖排导航代码。分享给大家供大家参考。具体如下：

这是一款JS+CSS实现的Flash效果的导航菜单,竖向排列,兼容性好,由Javascript妙味课堂的朋友编写,欢迎测试.

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-flash-style-v-nav-codes/

具体代码如下：

li { margin-bottom: 2px; list-style: none; background: url(images/bg.gif) repeat-x 0 1px; float: left; clear: left; cursor: pointer-; }
a { display: block; width: 120px; height: 25px; line-height: 25px; position: relative; padding: 0 6px; border: 1px solid #d6d6d6; text-decoration: none; font-size: 12px; color: #555; }
a:hover { font-weight: bold; border: 1px solid #b5b5b5; }
span { display: block; width: 9px; height: 8px; overflow: hidden; background: url(images/ico.gif) no-repeat; position: absolute; top: 8px; right: 10px; }