亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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 關注
  • 814 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號