zoukankan      html  css  js  c++  java
  • ul样式与jquery1.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>
  • 相关阅读:
    一个由“ YYYYMMdd ”引发的惨案 !元旦来临前的警惕
    elasticJob 自定义任务参数
    java 生成GUID
    java ArrayList和LinkedList的区别
    Linux下配置python Jupyter远程访问
    《Go并发编程实战》系列二:多线程编程
    《Go并发编程实战》系列一:多进程编程
    《Go并发编程实战》学习基础
    归并排序递归方式和非递归(Java)
    滕讯一面总结
  • 原文地址:https://www.cnblogs.com/fm168/p/2758122.html
Copyright © 2011-2022 走看看