简单应用(鼠标移来移去)-CSDN博客

本文链接：https://blog.csdn.net/greatverve/article/details/3276328

 
 <!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>无标题页</title>
    <script src="js/jquery-1.2.6.js" type="text/javascript"></script>  
    <script type="text/javascript">
        $(document).ready(function(){
          $("#menu").find("td").hover(
              function(){
                $(this).addClass("hoer");
              },
              function(){
                $(this).removeClass("hoer");
              }); 
         });
    </script>
    <style type="text/css">
        .menutable
        {
            border:0px;
           width:600px;
            padding:0 1px 0;
            height:auto;
            }
        #menu
        {
            text-align:center;
             width:800px;
            margin:0 auto 0;
             background-image:url(../images/lufeng_04.gif);
            }
        img
           {
            border:0px;
           }
        .hoer
        {  background-color:#d3b08a;
            }
    </style>
</head>
<body>
    <div id="menu">
 <table cellpadding="0" cellspacing="0" class="menutable">
            <tr>
             <td ><a href="Default.aspx">公司介绍</a></td>
             <td><a href="kanfang.aspx">网上看房</a></td>  
            <td><a href="xmjs.aspx">项目介绍</a></td>
            <td><a href="contact.aspx">联系我们</a></td>  
            <td><a href="Message.aspx">客户留言</a></td>  
            <td><a href="jingpai.aspx">网上竞拍</a></td>   
            <td><a href="tpzs.aspx">图片展示</a></td> 
           
            </tr>
            </table>
</div>
</body>
</html>
 