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

举报该问题

推荐答案 2016-10-02

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写的一个例子，你看看

温馨提示：答案为网友推荐，仅供参考

当前网址：http://88.wendadaohang.com/zd/MSBKcMKtaKSMaMMgMcB.html

相似回答

大家正在搜

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

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