本帖最后由 hanxiangaccp 于 2012-07-30 10:48:15 编辑

解决方案 »

  1.   

    你是说a1鼠标移上去,a2也有hover?
    用js做吧。有点多写的。
    <head>
        <title></title>
        <style type="text/css">
             a.hr1{        text-decoration:none;
            font-family: Arial, Helvetica, sans-serif;
            font-size:16px;
            color:#999999;
            font-weight:bold;
            margin:0 0px 10px 0;
            line-height:13px;
            }
            a.hr1:hover {
            text-decoration:none ; color:#333;
            }
            a.hr2{
              text-decoration:none;
              font-family: "微软雅黑";
            font-size:12px;
            color:#333333;
            font-weight:bold;
            line-height:13px;
            }
            a.hr2:hover {
            text-decoration:none ; color:#73D4CD ;
            }
            .hr2hover
            {
                font-family: "微软雅黑";
                font-size:12px;
                text-decoration:none ; 
                color:#73D4CD ;
                font-weight:bold;
                line-height:13px;
            }    </style>
        <script type="text/javascript">
            window.onload = function () {
                document.getElementById("a2").className = "hr2";
                document.getElementById("a1").onmouseover = function () {
                    document.getElementById("a2").className = "hr2hover";
                }
                document.getElementById("a1").onmouseout = function () {
                    document.getElementById("a2").className = "hr2";
                }
            }
        </script>
    </head>
    <body>
    <div class="jrtjzi4"><a href="#" class="hr1" id="a1">A1</a></div><div class="jrtjzi5"><a href="#" class="hr2" id="a2">A2</a></div></body>
      

  2.   

    把这2个HOVER写到一个函数里,A1触发后调用