Question

在我的代码变得更复杂并注意到这一点之前，我正在清理它。我使用透明盒子作为垫片，但这种方法已经过时了。所以我想知道是否有更传统的方式。我已经在线研究了方法，但它们都没有与我的标记兼容。

<!doctype html>
    <html>
    <head>
    <meta charset="utf-8" />



    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="path/to/your/jquery/script.js"></script>
    <script src="dropit.js"></script>
    <link rel="stylesheet" href="dropit.css" type="text/css" />




    <style> 
    body
    {
    background:url("");
    background-size:0px 0px;
    background-repeat:no-repeat;
    padding-top:40px;
    }
    <!--
     a:hover{color:#c0c0c0;}
    -->
        .navLink {
        color: #000000;    
        text-decoration: none !important;}
    ul
    {
    list-style-type:none;
    font-size: SMALL;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: lighter;
    font-style: regular;}

    li
    {
    display:inline;
    }
    </style>


    </head>
    <body>



    <img border="0" src="http://az61389.vo.msecnd.net/6/_ui/img/mosaic/big-transparent-block.png" alt="Vealed" width="100" height="70">
    <HR COLOR="#C0C0C0" WIDTH="100%">

    <ul id="nav" >

    <img border="0" src="http://www.miacreative.com/ESW/Images/WHITE-BOX-MID.png" alt="Vealed" width="450" height="1"> <li><a href="#">
        <li><a href="#" class="navLink">MEN'S</a></li>
        <li><a href="#" class="navLink">WOMEN'S</a></li>
        <li><a href="#" class="navLink">NEW ARRIVALS</a>
        <li><a href="#" class="navLink">BLOG</a>
        <li><a href="#" class="navLink">SALE</a>
    </ul>


    <HR COLOR="#C0C0C0" WIDTH="100%">

    <ul id="nav" >
    <img border="0" src="http://az61389.vo.msecnd.net/6/_ui/img/mosaic/big-transparent-block.png" alt="Vealed" width="0" height="2">

    <p><p align="center"><img border="0" src="http://img593.imageshack.us/img593/6192/5eo7.png" alt="Vealed" width="800" height="500">


    <img border="0" src="http://az61389.vo.msecnd.net/6/_ui/img/mosaic/big-transparent-block.png" alt="Vealed" width="70" height="2">

    </ul>










    <script type="text/javascript">
    $(document).ready(function() {
         $('.menu').dropit();
    });
    </script>
    </body>
    </html>

如何使用此HTML标记中显示的菜单添加等效空间？

0 个答案: