Jquery的show()和hide()的问题 目前是鼠标移入li则显示DIV，移除则隐藏，怎样加个过渡动画让它渐渐显隐？ 20
RT，代码如下：<style>#item{display:none}</style><scripttype="text/javascript">functionshow(...
RT，代码如下：
<style>
#item{display:none}
</style>
<script type="text/javascript">
function show(obj){
var XS = document.getElementById(obj);
XS.style.display ="block";
}
function hide(obj){
var YC = document.getElementById(obj);
YC.style.display = "none";
}
</script>
<div id="one" onmouseover="show('item')" onmouseout="hide('item')">普通DIV</div>
<ul id="item">
<li>隐藏DIV0</li>
<li>隐藏DIV1</li>
</ul>
上面说错了 不是移入li，是鼠标移入id为one的DIV则显示UL 展开
<style>
#item{display:none}
</style>
<script type="text/javascript">
function show(obj){
var XS = document.getElementById(obj);
XS.style.display ="block";
}
function hide(obj){
var YC = document.getElementById(obj);
YC.style.display = "none";
}
</script>
<div id="one" onmouseover="show('item')" onmouseout="hide('item')">普通DIV</div>
<ul id="item">
<li>隐藏DIV0</li>
<li>隐藏DIV1</li>
</ul>
上面说错了 不是移入li，是鼠标移入id为one的DIV则显示UL 展开
1个回答
展开全部
jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。如：
$("#one").hover(function(){
$("#item").fadeToggle();
});使用Jq函数，前提是要引入jquery库，即jquery.js
追问
您好,jquery库已经引入了，我对这方面不懂，可以搞诉我代码如何修改吗 谢谢啦
追答
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div id="one">普通DIV</div>
<ul id="item">
<li>隐藏DIV0</li>
<li>隐藏DIV1</li>
</ul>
<script src="jquery.js"></script>
<script>
$("#one").hover(function(){
$("#item").fadeToggle();
});
</script>
</body>
</html>
这个是我根据你的代码用jq写的一个例子，你看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
