亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

三級下拉菜單作業(yè)

オリジナル 2019-01-06 17:35:12 220
サマリー:<!DOCTYPE html> <html> <head>    <title>           </title>     <script type=
<!DOCTYPE html>
<html>
<head>
   <title>
      
   </title>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }
        .nav {
            width: 200px;
            height: 300px;
            margin: 20px 0 0 100px;
            border: 1px solid #ff5000;
        }
        ul {
            list-style: none;
        }
        .one li {
            height: 20px;
            cursor: pointer;
            padding: 10px 20px ;
            margin: 20px 0;
        }
        .one li:hover {
            background: #ffe4dc;
            color: #ff502a;
        }
        .two {
            position: relative;
            left: 181px;
            top: -30px;
            border: 1px solid #ff5000;
        }
        .two>li {
            font-weight: 700;
        }
        .three {
            width: 200px;
            position: absolute;
            left: 159px;
            top: 0px;
            border: 1px solid #ff5000;
        }
    </style>
    <script>
        $(document).ready(function(){
            $('.two').hide()
            $('.three').hide()

            $('.one>li').mousemove(function(){
                $(this).find('.two').show(500)
            })

            $('.one>li').mouseleave(function(){
                $(this).find('.two').hide(500)
            })
            $('.two>li').mousemove(function(){
                $(this).find('.three').show(500)
            })

            $('.two>li').mouseleave(function(){
                $(this).find('.three').hide(500)
            })
        })
    </script>
</head>
<body>
<div class="nav">
    <ul class="one">
        <li>女裝/男裝/內(nèi)衣
            <ul class="two">
                <li>女裝
                    <ul class="three">
                        <li>冬上新</li>
                        <li>毛呢外套</li>
                        <li>羽絨服</li>
                    </ul>
                </li>
                <li>男裝</li>
                <li>內(nèi)衣</li>
            </ul>
        </li>
        <li>鞋靴/箱包/配件
            <ul class="two">
                <li>鞋靴</li>
                <li>箱包</li>
                <li>配件</li>
            </ul></li>
        <li>童裝玩具/孕產(chǎn)/用品
            <ul class="two">
                <li>童裝玩具</li>
                <li>孕產(chǎn)</li>
                <li>用品</li>
            </ul></li>
        <li>家電/數(shù)碼/手機
            <ul class="two">
                <li>家電</li>
                <li>數(shù)碼</li>
                <li>手機</li>
            </ul></li>
        <li>美妝/洗護/保健品
            <ul class="two">
                <li>美妝</li>
                <li>洗護</li>
                <li>保健品</li>
            </ul></li>
    </ul>
</div>
</body>
</html>

老師,我的>增對當前元素下的某元素沒有生效啊,他增對的還是當前元素下的所有指定元素

添削の先生:滅絕師太添削時間:2019-01-06 17:40:01
先生のまとめ:不可能的,你要看>它下面的元素是不是同一級,不是同一級就不會

手記を発表する

人気のある見出し語