Question

我非常喜欢谷歌翻译的下拉菜单，允许选择语言（从 - ＆gt;到）。它可以让您快速浏览所有可用的语言（选项），并以不同的颜色显示您选择的历史记录。 http://translate.google.com/

我想知道是否有希望，任何人都知道一个jQuery插件来转换一个简单的选择在下拉菜单，看起来像谷歌翻译选择。谢谢，

安东尼奥

Answer 1

你真的不需要一个插件，只需要一些CSS定位并使用JS来显示/隐藏点击部分。

HTML：

<div id="my_button">Click me!</div>

<div id="mega_menu">
    <ul>
        <li>...</li>
    </ul>
</div>

CSS：

#mega_menu { display:none; left:50px; position:absolute; top:50px; }
/* Position as necessary */

JavaScript的：

$('#my_button').bind('click', function( e ) {

    e.preventDefault();

    var menu = $('#mega_menu');

    if ( menu.is(':visible') )
    {
        menu.fadeOut();
    }
    else
    {
        menu.fadeIn();
    }
});

jQuery插件允许下拉菜单，如谷歌翻译

1 个答案: