Jquery实现下拉列表 30
Jquery使用ulli实现下拉，可不可以做到点击后下拉列表弹出，单击其他地方或者下拉列表的选项后才关闭弹出的列表。...
Jquery使用ul li实现下拉，可不可以做到点击后 下拉列表弹出 ， 单击其他地方或者下拉列表的选项后才关闭弹出的列表。
展开
展开全部
以前写过一个 不是现在这个方法写的 一下想不起来了 不过这样也凑合
<html>
<head>
<script type="text/javascript" src="pages/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
var f = 0;
$('#show').click(function(){
$('#menu').slideDown(function(){
f=1;
});
});
$('*').click(function(){
if($('#menu').is(':visible')&&f==1){
$('#menu').slideUp();
f=0
}
});
})
</script>
</head>
<body>
<button id="show">show</button>
<ul id="menu" style="display:none;border: 1px solid;list-style: none;width: 100px;">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="pages/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
var f = 0;
$('#show').click(function(){
$('#menu').slideDown(function(){
f=1;
});
});
$('*').click(function(){
if($('#menu').is(':visible')&&f==1){
$('#menu').slideUp();
f=0
}
});
})
</script>
</head>
<body>
<button id="show">show</button>
<ul id="menu" style="display:none;border: 1px solid;list-style: none;width: 100px;">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
