关于HTML,DIV隐藏与显示的问题。
如图,我点击名字的时候要出现下列菜单,我鼠标移到别的地方的时候我要这个菜单隐藏。我应该怎么做?能给出JS就更好了...
如图,我点击名字的时候要出现下列菜单,我鼠标移到别的地方的时候我要这个菜单隐藏。
我应该怎么做?能给出JS就更好了 展开
我应该怎么做?能给出JS就更好了 展开
2015-03-07
展开全部
<!DOCTYPE html>
<html>
<head>
<style>
ul{
list-style:none;
width: 200px;
height: 20px;
border: 1px solid black;
overflow:hidden;
}
ul li:hover{
background-color: red;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("ul").click(function(){
$(this).animate({
height: 70 + "px"
},"slow");
}).mouseleave(function (){
$(this).animate({
height: 20 + "px"
},"slow");
});
});
</script>
</head>
<body>
<ul>Kent Hsin
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询