菜单这样的语言

时间:2013-11-27 11:35:13

标签: javascript jquery css menu jquery-animate

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

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

我检查过来源并看到它是由hoverIntent制作的,但我无法重现。 谁知道怎么做?

1 个答案:

答案 0 :(得分: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);
    });
});