jquery 点击显示一个DIV，鼠标离开这个DIV后隐藏
<script>
jQuery(function($){
$("#tli0").bind("click",function(){
$(this).find('#tli0 div').slideDown(200);
});
$("#tli0 div").mouseout(function(){
$(this).find('.topdmenu').hide(200);
});
});
</script>
第1个回答 2012-03-17
//给你做了一个，看不到你完整的代码，不好指出哪个错，可以把整个代码给我看下吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#txt{display:none;}
</style>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<title>无标题文档</title>
<script>
jQuery(function($){
$("#btn").bind("click",function(){
$("#txt").slideDown(200);
});
$("#btn").mouseout(function(){
$("#txt").hide(200);
});
});
</script>
</head>
<body>
<div>
<input type="button" id="btn" value="显示" />
<div id="txt">一起jquery</div>
</div>
</body>
</html>本回答被网友采纳
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#txt{display:none;}
</style>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<title>无标题文档</title>
<script>
jQuery(function($){
$("#btn").bind("click",function(){
$("#txt").slideDown(200);
});
$("#btn").mouseout(function(){
$("#txt").hide(200);
});
});
</script>
</head>
<body>
<div>
<input type="button" id="btn" value="显示" />
<div id="txt">一起jquery</div>
</div>
</body>
</html>本回答被网友采纳
第2个回答 2012-03-13
$(this).find('#tli0 div').slideDown(200);
$(this)已经是$("#tli0")了，$(this).find('#tli0 div')相当于'#tli0 #tli0 div'
估计你是错在这个地方吧本回答被提问者采纳
$(this)已经是$("#tli0")了，$(this).find('#tli0 div')相当于'#tli0 #tli0 div'
估计你是错在这个地方吧本回答被提问者采纳
相似回答
