Jquery的show()和hide()的问题

Jquery的show()和hide()的问题目前是鼠标移入li则显示DIV，移除则隐藏，怎样加个过渡动画让它渐渐显隐？

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

慕森卡

浏览 788回答 2

2回答

慕姐4208626

jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。如：123$("#one").hover(function(){    $("#item").fadeToggle();});使用Jq函数，前提是要引入jquery库，即jquery.js 

天涯尽头无女友

123456789101112131415161718192021<!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> 

随时随地看视频慕课网APP

Jquery的show()和hide()的问题

Jquery的show()和hide()的问题 目前是鼠标移入li则显示DIV，移除则隐藏，怎样加个过渡动画让它渐渐显隐？

2回答

Jquery的show()和hide()的问题目前是鼠标移入li则显示DIV，移除则隐藏，怎样加个过渡动画让它渐渐显隐？