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>
?
轉載于:https://www.cnblogs.com/91xiaozhu/p/6096230.html
總結
以上是生活随笔為你收集整理的11.23月福首页30%的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 9本java程序员必读的书（附下载地址）
- 下一篇： bzoj2002 [Hnoi2010]B