日期:2014-05-17  浏览次数:20517 次

DIV样式问题,进来看看
HTML code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <script type="text/javascript">
       function showdiv2()
       {
            $("#div2").show();
       }
       function hidediv2()
       {
            $("#div2").hide();
       }
       
       function showdiv()
       {
            $("#div2").show();
       }
       function hidediv()
       {
            $("#div2").hide();
       }
       
    </script>
    <div id="div1" onmouseover="showdiv2()" onmouseout="hidediv2()" 
        style="width:108px; height:20px">
        其它各分站点</div>
    <div  id="div2" style="display:none; position:absolute;" onmouseover="showdiv()" onmouseout="hidediv()">
        <table style="border-bottom: 1px solid #E6EAE9; border-left:1px solid #E6EAE9; border-right:1px solid #E6EAE9">
            <tr>
                <td>
                  <a href="#">苏州企业在线</a>  
                </td>
            </tr>
            <tr>
                <td>
                   <a href="#"> 南京企业在线</a>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

本人CSS很差,求大哥大姐帮忙美化一下,没要求,自由发挥

------解决方案--------------------
看来要找美工了,美工图出来了,css自然能做起来
------解决方案--------------------
每个人理解不同,美工效果也不一样,比如颜色需要和背景图搭配。
你需要什么样的效果?给张截图。