为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕森卡 2019-03-23 15:15:33
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
查看完整描述

2 回答

?
慕姐4208626

TA贡献1852条经验 获得超7个赞

jq有自带的显示隐藏函数,不用自定义,可以使用fadeToggle()函数实现淡入淡出效果。如:

1

2

3

$("#one").hover(function(){

    $("#item").fadeToggle();

});

使用Jq函数,前提是要引入jquery库,即jquery.js

 


查看完整回答
反对 回复 2019-03-25
?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

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

 


查看完整回答
反对 回复 2019-03-25
  • 2 回答
  • 0 关注
  • 787 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信