簡單應用(滑鼠移來移去)

來源:互聯網
上載者:User
 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>無標題頁</title>
  5.     <script src="js/jquery-1.2.6.js" type="text/javascript"></script>  
  6.     <script type="text/javascript">
  7.         $(document).ready(function(){
  8.           $("#menu").find("td").hover(
  9.               function(){
  10.                 $(this).addClass("hoer");
  11.               },
  12.               function(){
  13.                 $(this).removeClass("hoer");
  14.               }); 
  15.          });
  16.     </script>
  17.     <style type="text/css">
  18.         .menutable
  19.         {
  20.             border:0px;
  21.            width:600px;
  22.             padding:0 1px 0;
  23.             height:auto;
  24.             }
  25.         #menu
  26.         {
  27.             text-align:center;
  28.              width:800px;
  29.             margin:0 auto 0;
  30.              background-image:url(../images/lufeng_04.gif);
  31.             }
  32.         img
  33.            {
  34.             border:0px;
  35.            }
  36.         .hoer
  37.         {  background-color:#d3b08a;
  38.             }
  39.     </style>
  40. </head>
  41. <body>
  42.     <div id="menu">
  43.  <table cellpadding="0" cellspacing="0" class="menutable">
  44.             <tr>
  45.              <td ><a href="Default.aspx">公司介紹</a></td>
  46.              <td><a href="kanfang.aspx">網上看房</a></td>  
  47.             <td><a href="xmjs.aspx">項目介紹</a></td>
  48.             <td><a href="contact.aspx">聯絡我們</a></td>  
  49.             <td><a href="Message.aspx">客戶留言</a></td>  
  50.             <td><a href="jingpai.aspx">網上競拍</a></td>   
  51.             <td><a href="tpzs.aspx">圖片展示</a></td> 
  52.            
  53.             </tr>
  54.             </table>
  55. </div>
  56. </body>
  57. </html>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.