效果流畅动感基于jquery库的JS特效下拉菜单

All the JavaScript you need to write

                            $(window).ready(function(){
                                jQuery("#navigation").Smartmenu();
                            });

All the HTML you need

                            <div id="navigation" class="smartmenu">
                                <ul>
                                    <li>
                                        <a href="">JavaScript</a>
                                        <ul>
                                            <li>
                                                <a href="">Navigation</a>
                                            </li>                
                                            <li>
                                                <a href="">Shopping Carts</a>
                                            </li>                
                                            <li>
                                                <a href="">Forms</a>
                                            </li>                
                                            <li>
                                                <a href="">News Tickers</a>
                                            </li>                
                                            <li>
                                                <a href="">Ratings and Charts</a>
                                            </li>                
                                            <li>
                                                <a href="">Media</a>
                                            </li>                
                                        </ul>
                                    </li>                
                                    <li>
                                        <a href="">Wordpress</a>
                                        <ul>
                                            <li>
                                                <a href="">Blog & Magazines</a>
                                            </li>                
                                            <li>
                                                <a href="">Creative</a>
                                            </li>                
                                            <li>
                                                <a href="">Corporate</a>
                                            </li>                
                                            <li>
                                                <a href="">Retail</a>
                                            </li>                
                                        </ul>
                                    </li>                
                                    <li>
                                        <a href="">Site Template</a>
                                        <ul>
                                            <li>
                                                <a href="">Creative</a>
                                            </li>                
                                            <li>
                                                <a href="">Technology</a>
                                            </li>                
                                        </ul>
                                    </li>                
                                </ul>
                            </div>