Nodejs/index.html at main · wafahome/Nodejs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<!-- 下拉导航栏 -->
<ul class="slide_nav">
    <li>
        <!-- 导航栏标题 -->
        <a href="javascript:;">不隐藏的标题</a>
        <!-- 隐藏部分 -->
        <ul style="display:none">
            <!-- 手动添加display=none -->
            <li><a href="javascript:;">隐藏value1</a></li>
            <li><a href="javascript:;">隐藏value2</a></li>
            <li><a href="javascript:;">隐藏value3</a></li>
            <li><a href="javascript:;">隐藏value4</a></li>
        </ul>
    </li>
</ul>
<script>
    $(".slide_nav").on({
        mouseover: function (e) {
            $(e.target).parents("li").children("ul").stop().slideDown();
        },
        mouseout: function (e) {
            $(e.target).parents("li").children("ul").stop().slideUp();
        }
    })
</script>
</html>