【问题标题】:Menu Language like this one像这样的菜单语言
【发布时间】:2013-11-27 11:35:13
【问题描述】:

我不知道这是否是一个“有效”的问题,如果不是,请原谅我。 我想制作一个类似于此网页中的语言选择器:

http://panicstation.pixelthrone.com/html/

我检查了源代码,发现它是由hoverIntent 制作的,但我无法重现。 有人知道怎么做吗?

【问题讨论】:

    标签: javascript jquery css menu jquery-animate


    【解决方案1】:

    解决方案是使用 jquery :

    http://jsfiddle.net/Z7ECR/41/ HTML:

    <ul>
        <li class="active">EN</li>
        <li class="hidden">ES</li>
        <li class="hidden">FR</li>
        <li class="hidden">PT</li>
    </ul>
    

    CSS:

    ul {
        padding:5px;
        border:1px solid #000;
        border-radius:3px;
        text-align:center;
        width:25px;
    }
    li {
        list-style-type:none;
    }
    li.hidden {
        display:none;
        border-top:1px solid #000;
    }
    

    JS:

    $(document).ready(function () {
        $('ul').hover(function () {
            $('.hidden').stop(true, true).slideToggle(800);
        });
    });
    

    【讨论】:

    • 你能把问题设置成回答吗
    • 我会等着看有没有人会说什么,我已经投票了,如果没有其他人回答我接受你的回答
    • 我改进了答案,在您的示例网站上添加了边框。见小提琴
    • 用于水平删除显示:li 上的inline-block
    猜你喜欢
    • 1970-01-01
    • 2010-11-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-06
    • 1970-01-01
    相关资源
    最近更新 更多