当前位置：文江博客话题详情

jQuery 插件，允许像谷歌翻译一样的下拉菜单

发布于 2024-11-09 05:28:25 字数 244 浏览 0 评论 0原文

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

我想知道是否有人知道一个可以转换的 jQuery 插件只需在下拉菜单中进行选择，看起来像谷歌翻译选择。谢谢，

安东尼奥

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

能否归途做我良人 2024-11-16 05:28:25

您实际上并不需要插件，只需要一些 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();
    }
});

You don't really need a plugin, just some CSS positioning and use JS to show/hide the section on click.

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();
    }
});

回复收藏 0 原文

~没有更多了~