首页 > 代码库 > 11.23月福首页30%

11.23月福首页30%

  1 <head>
  2     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  3     <title>月福首页</title>
  4     <meta name="keywords" content="关键字列表" />
  5     <style type="text/css">
  6     .new3{
  7     color:#ffffff;
  8     background-color:#d40000;
  9     font-size:small;/*设置字体大小*/
 10     margin:0px;/*设置外边距*/
 11     }
 12     a:link {text-decoration:none;}
 13     a:link {color:#ffffff;}    /* 未被访问的链接颜色*//*注释:为了使定义生效,a:hover 必须位于 a:link 和 a:visited 之后!!注释:为了使定义生效,a:active 必须位于 a:hover 之后!!*/
 14     a:visited {color:#ffffff;} /* 已被访问的链接 */
 15     a:hover {color:#ffff80;}   /* 鼠标指针移动到链接上 */
 16     a:active {color:#ff0000;}  /* 正在被点击的链接 */    
 17     .daohanglan1:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 18         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 19         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 20         }
 21     .daohanglan2:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 22         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 23         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 24         }
 25     .daohanglan3:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 26         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 27         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 28         }
 29     .daohanglan4:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 30         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 31         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 32         }
 33     .daohanglan5:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 34         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 35         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 36         }
 37     .daohanglan6:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 38         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 39         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 40         }
 41     .daohanglan7:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 42         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 43         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 44         }
 45     .daohanglan8:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 46         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 47         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 48         }
 49     .daohanglan9:hover{         /*scale()    通过 scale() 方法,缩放比例(宽度缩放比例,高度缩放比例)*/
 50         -webkit-transform:scale(1,1.2);/*宽度比例不变,高度变成原来的1.2倍*/
 51         -webkit-transform:scale(1.2);/*宽度,高度都变成原来的1.2倍*/
 52         }
 53     </style>
 54     <script type="text/javascript"></script>
 55 </head>
 56 <body bgcolor="#c0c0c0">
 57     <!--logo表格排版-->
 58     <table width="778" border="0" align="center" cellspacing="0" cellpadding="0" >
 59         <tr>
 60             <td><img src="images/index_01.png">
 61             <td><img src="images/index_02.jpg">
 62         </tr>
 63     </table>
 64     <!--导航栏-->
 65     <div>
 66     <table width="778" border="0" align="center" cellspacing="0" cellpadding="0">
 67         <tr >
 68             <td><img src="images/index_03.png"></td>
 69             <td class="daohanglan1"><a href="http://www.baidu.com" target="_blank"><img src="images/index_04.png"></a></td>
 70             <td class="daohanglan2"><a href="http://www.baidu.com" target="_blank"><img src="images/index_05.png"></a></td>
 71             <td class="daohanglan3"><a href="http://www.baidu.com" target="_blank"><img src="images/index_06.png"></a></td>
 72             <td class="daohanglan4"><a href="http://www.baidu.com" target="_blank"><img src="images/index_07.png"></a></td>
 73             <td class="daohanglan5"><a href="http://www.baidu.com" target="_blank"><img src="images/index_08.png"></a></td>
 74             <td class="daohanglan6"><a href="http://www.baidu.com" target="_blank"><img src="images/index_09.png"></a></td>
 75             <td class="daohanglan7"><a href="http://www.baidu.com" target="_blank"><img src="images/index_10.png"></a></td>
 76             <td class="daohanglan8"><a href="http://www.baidu.com" target="_blank"><img src="images/index_11.png"></a></td>
 77             <td class="daohanglan9"><a href="http://www.baidu.com" target="_blank"><img src="images/index_12.png"></a></td>
 78         </tr>
 79         </div>
 80     </table>
 81     <!--flash栏,此部分完全不懂,搬过来的-->
 82     <table width="778" border="0" align="center" cellspacing="0" cellpadding="0">
 83         <tr>
 84             <td><img src="images/index_29.jpg"></td>
 85         </tr>        
 86         <tr>
 87         <td>
 88             <object width="778" height="202"
 89             classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
 90             codebase="http://www.apple.com/qtactivex/qtplugin.cab">
 91             <param name="src" value="images/banner.swf">
 92             <param name="autoplay" value="true">
 93             <param name="controller" value="false">
 94             <embed src="images/banner.swf" width="778" height="202"
 95             autoplay="true" controller="false"
 96             pluginspage="http://www.apple.com/quicktime/download/">
 97             </embed>
 98             </object>
 99             </td>
100         </tr>
101     </table>
102     <!--新闻栏-->
103     <table width="778" border="0" align="center" cellspacing="0" cellpadding="0">
104         <tr>
105             <td><img src="images/index_21.png"></td>
106             <td><img src="images/index_22.png"></td>
107             <td><img src="images/index_23.png"></td>
108         </tr>
109         <tr>
110             <td><img src="images/index_21.png"></td>
111             <td><img src="images/index_21.png"></td>
112             <td>
113                 <ol class="new3">
114                     <li><a href="http://www.baidu.com" target="_blank"> 蓝色征途</a></li><!--在新窗口打开百度链接-->
115                     <li><a href="http://www.baidu.com" target="_blank"> 风挡玻璃清洗剂</a></li>
116                     <li><a href="http://www.baidu.com" target="_blank"> 月福标准</a></li>
117                     <li><a href="http://www.baidu.com" target="_blank"> 钻石之光</a></li>
118                     <li><a href="http://www.baidu.com" target="_blank"> 云南蜡染抱枕</a></li>
119                     <li><a href="http://www.baidu.com" target="_blank"> 龟博士白金蜡</a></li>
120                 </ol>
121             </td>
122         </tr>
123     
124     
125     </table>
126 
127 </body>
128 </html>

技术分享

 

11.23月福首页30%