ul样式与jquery-1.4.1冲突

 ul样式与jquery-1.4.1冲突

　　下面这个页面中只要jquery-1.4.1.js文件与UL的样式正常加载链接就会失效，不加载jquery-1.4.1.js或是不加载UL的样式就没问题，研究半天，未找出好的处理办法。求解答……

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
    List
</title>
    
    <script src="/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
</head>
<body>



<style type="text/css">
    /* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: center;
    top: 0px;
    left: 8px;
}
ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

    </style>
    
    <div id="menucontainer">
                <ul id="menu">              
                    <li>
                        <a href="/BaseSet/Left">①：工序设置</a>
                    </li>
                    <li>
                        <a href="/PaperSet/Left">②：纸张设置</a>
                        </li>
                    <li class='selected'>
                        <a href="/FormulaSet/Left">③：公式设置</a>
                        </li>
                    <li>
                        <a href="/">④：……</a>
                        </li>
                </ul>
        </div>   
        
        

</body>
</html>

 

 

posted @ 2012-11-07 08:50  码写人生  阅读(214)  评论(0)  编辑  收藏  举报