男生地带 

  1 <!doctype html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5 <title>男生地带 </title>
  6 <style type="text/css" >
  7 *{
  8     margin:0px;
  9     padding:0px;
 10     font-size:12px;
 11 }
 12 #boxlist{
 13     height:526px;
 14     width:996px;
 15     background:#fff url(images/bg.jpg) no-repeat 0px 0px;
 16 }
 17 .main{ 
 18     margin-left:278px; 
 19     border:1px solid #CCC;
 20 }
 21 .box{
 22     width:168px;
 23     padding:23px 5px;
 24     border-right:1px solid #CCC;
 25     border-bottom:1px solid #CCC;
 26     float:left;
 27     cursor:pointer;
 28 }
 29 .transparent_class{
 30     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 31     filter:alpha(opacity=60);
 32     opacity:0.6;
 33 }
 34  
 35 </style>
 36 </head>
 37 <body>
 38  <div id='boxlist'>
 39    <div style='height:43px;' ></div>
 40      <div class='main'> 
 41         <div class='box'>
 42             <dl>
 43                 <dt><img src='images/p1.gif' /></dt>
 44                 <dd>
 45                     简约色彩系列带低帮帆布鞋12 黑色
 46                     <s>市场价：￥269</s>
 47                     <font color="#FF0000">售价：69</font>
 48                 </dd>
 49             </dl>
 50         </div>
 51         <div class='box'>
 52             <dl>
 53                 <dt><img src='images/p1.gif' /></dt>
 54                 <dd>
 55                     简约色彩系列带低帮帆布鞋12 黑色
 56                     <s>市场价：￥269</s>
 57                     <font color="#FF0000">售价：69</font>
 58                 </dd>
 59             </dl>
 60         </div>
 61         <div class='box'>
 62             <dl>
 63                 <dt><img src='images/p2.gif' /></dt>
 64                 <dd>
 65                     简约色彩系列带低帮帆布鞋12 黑色
 66                     <s>市场价：￥269</s>
 67                     <font color="#FF0000">售价：69</font>
 68                 </dd>
 69             </dl>
 70         </div>
 71         <div class='box'>
 72             <dl>
 73                 <dt><img src='images/p3.gif' /></dt>
 74                 <dd>
 75                     简约色彩系列带低帮帆布鞋12 黑色
 76                     <s>市场价：￥269</s>
 77                     <font color="#FF0000">售价：69</font>
 78                 </dd>
 79             </dl>
 80         </div>
 81         <div class='box'>
 82             <dl>
 83                 <dt><img src='images/p4.gif' /></dt>
 84                 <dd>
 85                     简约色彩系列带低帮帆布鞋12 黑色
 86                     <s>市场价：￥269</s>
 87                     <font color="#FF0000">售价：69</font>
 88                 </dd>
 89             </dl>
 90         </div>
 91         <div class='box'>
 92             <dl>
 93                 <dt><img src='images/p4.gif' /></dt>
 94                 <dd>
 95                     简约色彩系列带低帮帆布鞋12 黑色
 96                     <s>市场价：￥269</s>
 97                     <font color="#FF0000">售价：69</font>
 98                 </dd>
 99             </dl>
100         </div>
101         <div class='box'>
102             <dl>
103                 <dt><img src='images/p2.gif' /></dt>
104                 <dd>
105                     简约色彩系列带低帮帆布鞋12 黑色
106                     <s>市场价：￥269</s>
107                     <font color="#FF0000">售价：69</font>
108                 </dd>
109             </dl>
110         </div>
111         <div class='box'>
112             <dl>
113                 <dt><img src='images/p1.gif' /></dt>
114                 <dd>
115                     简约色彩系列带低帮帆布鞋12 黑色
116                     <s>市场价：￥269</s>
117                     <font color="#FF0000">售价：69</font>
118                 </dd>
119             </dl>
120         </div>
121         <div style='clear:both;'></div>
122     </div>
123  </div>
124  <script src="js/jquery-1.12.4.js" ></script>
125  <script>
126      $(document).ready(function(){
127          $('img').hover(function(){
128              $(this).addClass('transparent_class');
129          },function(){
130              $(this).removeClass('transparent_class');
131          });
132      });
133 
134  </script>
135 </body>
136 </html>

 

posted @ 2020-11-10 09:50  残冰辉  阅读(208)  评论(0)    收藏  举报