JQuery漂亮的导航菜单

JQuery漂亮的导航菜单367
用法引用js文件
   <script type="text/javascript" src="jquery-1.4.2.min.js"></script>    <script type="text/javascript" src="jquery.easing.js"></script>    <script type="text/javascript" src="jquery.sweet-menu-1.0.js"></script>
HTML
<ul id="backMenu">        <li><a href="/">Back </a></li>    </ul>    <ul id="exampleMenu">        <li><a href="#home">Home</a></li>        <li><a href="#home">Blog</a></li>        <li><a href="#home">Portfolio</a></li>        <li><a href="#home">Hire Me</a></li>        <li><a href="#home">Contact</a></li>        <li><a href="#home">My Apps</a></li>    </ul>
CSS
          .sweetMenuAnchor        {            border-top: 1px solid #ffffff;            border-right: 1px solid #ffffff;            border-bottom: 1px solid #ffffff;            border-top-right-radius: 4px;            -moz-border-radius-topright: 4px;            border-bottom-right-radius: 4px;            -moz-border-radius-bottomright: 4px;            color: #0071bb;            font-size: 24px;            font-weight: bold;            text-align: right;            text-transform: uppercase;            font-family: arial;            text-decoration: none;            background-color: #888888;            opacity: 0.6;        }                .sweetMenuAnchor span        {            display: block;            padding-top: 10px;        }
js调用
 $(document).ready(function () {            $('#backMenu').sweetMenu({                top: 40,                padding: 8,                iconSize: 48,                easing: 'easeOutBounce',                duration: 500,                icons: [						'images/back.png'					]            });            $('#exampleMenu').sweetMenu({                top: 200,                padding: 8,                iconSize: 48,                easing: 'easeOutBounce',                duration: 500,                icons: [						'images/home.png',						'images/comments.png',						'images/red_heart.png',						'images/male_user.png',						'images/yellow_mail.png',						'images/computer.png'					]            });        });

也许你还喜欢