һ
 ע

QQ¼

ֻһٿʼ

ƼĶ

+
̳ WEBҳǰ뿪 ǰ̨ű

jquery꾭ı䱳ͼ

[]
14802 websjy 2013-12-17 09:14:05
| ʾȫ¥
1F

ϵ½עᣬύѣø๦ܣϴزIJޣ

Ҫ ¼ ſػ鿴ûʺţע  

x
  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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>ά...</title>
  6.   <style>
  7.    *{
  8.     margin:0;
  9.     padding:0;
  10.    }
  11.    body{
  12.     text-align:center;
  13.     background:yellow;
  14.    }
  15.    #container{
  16.     width:962px;
  17.     height:auto;
  18.     background:url(b3.jpg);
  19.     margin:0px auto;
  20.    }
  21.    #head{
  22.     height:100px;
  23.     width:100%;
  24.    }
  25.    .head_ul{
  26.     list-style:none;
  27.     margin-left:200px;
  28.    }
  29.    .head_ul li{
  30.     float:left;
  31.     width:90px;
  32.     height:50px;
  33.     line-height:40px;
  34.     font-size:20px;
  35.     margin-top:40px;
  36.     background:url(b1.png);   
  37.    }
  38.    .head_ul li a{
  39.     text-decoration:none;
  40.    }
  41.    
  42.    #main{
  43.     width:100%;
  44.     height:1500px;
  45.    }
  46.    #left{
  47.     width:30%;
  48.     height:100%;
  49.     float:left;
  50.    }
  51.    #right{
  52.     width:70%;
  53.     height:100%;
  54.     float:left;
  55.    }
  56.    #clear{
  57.     clear:both;
  58.    }
  59.    #foot{
  60.     height:100px;
  61.     width:100%;
  62.    }
  63.    
  64.   </style>
  65.   <script src="jquery-1.7.2.js"></script>
  66.   <script>
  67.    $(function(){
  68.      $(".head_ul li").hover(function(){   
  69.       $(this).css('background','url(b2.png)');   
  70.       },function(){
  71.       $(this).css('background','url(b1.png)');
  72.      }
  73.       );     
  74.        });

  75. </script>
  76. </head>
  77. <body>
  78.   <div id="container">
  79.    <div id="head">
  80.     <ul class="head_ul">
  81.      <li><a href="#">ҳ</a></li>
  82.      <li><a href="#">ҳ</a></li>
  83.      <li><a href="#">ҳ</a></li>
  84.      <li><a href="#">ҳ</a></li>
  85.      <li><a href="#">ҳ</a></li>
  86.      <li><a href="#">ҳ</a></li>
  87.     </ul>
  88.    </div>
  89.    
  90.    <div id="main">
  91.     <div id="left"></div>
  92.     <div id="right"></div>
  93.     <div id="clear"></div>
  94.    </div>
  95.    
  96.    <div id="foot"></div>
  97.   </div
  98. </body>
  99. </html>
ƴ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
2014-4-1 17:35:38
| ʾȫ¥
2F
Ǻö
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
2014-4-5 06:11:57
| ʾȫ¥
3F
ʲôÿ ˵һ°
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
б

ֹ

²

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2018-8-18 08:15

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б