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>
原文：http://www.cnblogs.com/91xiaozhu/p/6096230.html