11.23月福首页30%

1 <head>
2     <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8" />
3     <title>月福首页</title>
4     <metaname="keywords"content="关键字列表" />
5     <styletype="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     <scripttype="text/javascript"></script>
55 </head>
56 <bodybgcolor="#c0c0c0">
57     <!--logo表格排版-->
58     <tablewidth="778"border="0"align="center"cellspacing="0"cellpadding="0" >
59         <tr>
60             <td><imgsrc="images/index_01.png">
61             <td><imgsrc="images/index_02.jpg">
62         </tr>
63     </table>
64     <!--导航栏-->
65     <div>
66     <tablewidth="778"border="0"align="center"cellspacing="0"cellpadding="0">
67         <tr>
68             <td><imgsrc="images/index_03.png"></td>
69             <tdclass="daohanglan1"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_04.png"></a></td>
70             <tdclass="daohanglan2"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_05.png"></a></td>
71             <tdclass="daohanglan3"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_06.png"></a></td>
72             <tdclass="daohanglan4"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_07.png"></a></td>
73             <tdclass="daohanglan5"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_08.png"></a></td>
74             <tdclass="daohanglan6"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_09.png"></a></td>
75             <tdclass="daohanglan7"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_10.png"></a></td>
76             <tdclass="daohanglan8"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_11.png"></a></td>
77             <tdclass="daohanglan9"><ahref="http://www.baidu.com"target="_blank"><imgsrc="images/index_12.png"></a></td>
78         </tr>
79         </div>
80     </table>
81     <!--flash栏,此部分完全不懂，搬过来的-->
82     <tablewidth="778"border="0"align="center"cellspacing="0"cellpadding="0">
83         <tr>
84             <td><imgsrc="images/index_29.jpg"></td>
85         </tr>
86         <tr>
87         <td>
88             <objectwidth="778"height="202"
89 classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
90 codebase="http://www.apple.com/qtactivex/qtplugin.cab">
91             <paramname="src"value="images/banner.swf">
92             <paramname="autoplay"value="true">
93             <paramname="controller"value="false">
94             <embedsrc="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     <tablewidth="778"border="0"align="center"cellspacing="0"cellpadding="0">
104         <tr>
105             <td><imgsrc="images/index_21.png"></td>
106             <td><imgsrc="images/index_22.png"></td>
107             <td><imgsrc="images/index_23.png"></td>
108         </tr>
109         <tr>
110             <td><imgsrc="images/index_21.png"></td>
111             <td><imgsrc="images/index_21.png"></td>
112             <td>
113                 <olclass="new3">
114                     <li><ahref="http://www.baidu.com"target="_blank"> 蓝色征途</a></li><!--在新窗口打开百度链接-->
115                     <li><ahref="http://www.baidu.com"target="_blank"> 风挡玻璃清洗剂</a></li>
116                     <li><ahref="http://www.baidu.com"target="_blank"> 月福标准</a></li>
117                     <li><ahref="http://www.baidu.com"target="_blank"> 钻石之光</a></li>
118                     <li><ahref="http://www.baidu.com"target="_blank"> 云南蜡染抱枕</a></li>
119                     <li><ahref="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%相关推荐

前端：HTML/07/综合案例：月福首页，开发网站的流程，网站布局结构，排版准备，图片热点，网页多媒体
开发网站的一个流程 1,业务员与客户进行沟通,包括:风格,功能(论坛,留言板,支付,用户登录等) 2,业务员与美工沟通,制作网页效果图(首页,列表页,内容页) 3,制作人员开始切图排版,排成网页形式的 ...
3-综合案例：月福首页-多媒体-图片热点-框架
1.开发网站的一个流程业务员与客户进行沟通,包括:风格的.功能(论坛.留言板.支付.用户登录等) 业务员与美工沟通.制作网页效果图(首页.列表页.内容页) 制作人员开始切图排版,排成网页形式的后台 ...
计算该年该月该日天数一年中有 12 个月，而每个月的天数是不一样的。其中大月 31 天，分别为 1,3,5,7,8,10,12 月，小月 30 天，分别为 4,6,9,11 月。
一年中有 12 个月,而每个月的天数是不一样的.其中大月 31 天,分别为 1,3,5,7,8,10,12 月,小月 30 天,分别为 4,6,9,11 月.还有二月比较特殊,平年的二月只有 28 ...
51CTO博客将于2017年7月完成首页改版（7月11日下午上线啦）
各位博友,51CTO博客将在2017年7月完成首页改版,发布全新logo,提升UI视觉体验,展示更多好文章.好博主,是不是很期待呢?关于这次改版,欢迎大家留言. 亲们,博客首页将于7月11日(就在今天 ...
python 全栈开发，Day43(python全栈11期月考题)
python 全栈开发,Day43(python全栈11期月考题) python全栈11期月考题 1.常用字符串格式化有哪些?并说明他们的区别 2.请手写一个单例模式(面试题) 3.利用 python ...
福布斯30岁以下30强名单新出炉！区块链从业者占比13%
福布斯30岁以下30强名单出炉,趋势就在眼前. 区块链和加密货币生态系统的繁荣,在今年的福布斯30岁以下30强名单中得到了最新的诠释. 据CCN消息,在加密货币领域,有4位年龄在25到28岁之间的年轻 ...
滴滴缺席的这 11 个月，顺风车迷局如何破？
作者 | 王琳本文经授权转载自燃财经(ID:rancaijing) 在滴滴缺席的11个月里,顺风车的江湖并没有就此沉寂. 今年2月,哈啰出行正式在全国范围内推出顺风车业务:6月,高德地图在部分城市开 ...
SeeDAO专访：11 个月 4 次低谷，一个 DAO 如何从停滞中重生？
在谈到国内 DAO 组织时,很多人最先想到的就是 SeeDAO.这个年轻的 DAO 探索者,用了不到一年时间,就在国内外建立起了强大的社区认同.不过与很多人的预想不同,SeeDAO 的发展之路远非一帆 ...
贵州12月计算机考试2020,2020年3月贵州全国计算机等级考试报名时间：12月18日-30日...
[导语]2020年3月贵州全国计算机等级考试报名定于12月18日-30日进行,为了方便广大考生及时获取报名的实时信息,下面无忧考网为您精心整理了本次贵州计算机等级考试报名的具体安排,希望广大考生及时关 ...

11.23月福首页30%

11.23月福首页30%相关推荐

最新文章

热门文章