我不知道这是否是一个“有效”的问题,如果不是,请原谅我。 我想创建一个类似于此网页中的语言选择器:
http://panicstation.pixelthrone.com/html/
我检查过来源并看到它是由hoverIntent制作的,但我无法重现。 谁知道怎么做?
答案 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);
});
});