先上一段无底洞代码，好长~好长~啊
淘宝首页的源代码。。。默默地表个随笔。
1 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 2 <html xmlns="http://www.w3.org/1999/xhtml">
3 3 <head>
4 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 5 <title>无标题文档</title>
6 6 <link href="my.css/zhandian.css" rel="stylesheet" type="text/css" />
7 7
8 8
9 9 </head>
10 10
11 11 <body>
12 12
13 13 <div id="diyi">
14 14 <div id="diyi_l"><span style="color:#F00">亲请登录</span> 免费注册 手机逛淘宝 </div>
15 15 <div id="diyi_r">
16 16 <ul>
17 17 <li><a href="#">我的淘宝</a></li>
18 18 <li><a href="#">我的淘宝</a></li>
19 19 <li><a href="#">我的淘宝</a></li>
20 20 <li><a href="#">我的淘宝</a></li>
21 21 <li><a href="#">我的淘宝</a></li>
22 22 <li><a href="#">我的淘宝</a></li>
23 23 </ul>
24 24 </div>
25 25 </div>
26 26 <div id="dier"></div>
27 27 <div id="dier_z"><img src="image/360截图20160508082153069.jpg" title="夏季新品" /></div>
28 28 <div id="all">
29 29 <div id="top">
30 30 <div id="top_l"><img src="image/tupian/20160511174540154.jpg" width="146" height="66" id="img1" title="淘宝"/></div>
31 31 <div id="top_r">
32 32 <div id="top_r1">
33 33 <ul>
34 34 <li><a href="#">宝贝</a></li>
35 35 <li><a href="#">天猫</a></li>
36 36 <li><a href="#">宝贝</a></li>
37 37 </ul>
38 38 </div>
39 39
40 40 <div id="kuangda">
41 41 <input id="kuangli" type="search" />
42 42 <div id="kuang"><a href="#">搜索</a></div>
43 43 </div>
44 44 <div id="info_main">
45 45 <ul>
46 46 <li>时尚女装</li>
47 47 <li style="color:#FF0000;">新款连衣裙</li>
48 48 <li>男鞋</li>
49 49 <li>男外套</li>
50 50 <li>潮流体恤</li>
51 51 <li>女款潮鞋</li>
52 52 <li>半身裙</li>
53 53 </ul>
54 54 </div>
55 55
56 56
57 57 <div id="top_r2"></div>
58 58 <div id="top_r3"></div>
59 59 </div>
60 60 <div>
61 61 <img src="image/tupian/tupian2323.jpg" width="117" height="84" id="tupian" title="扫描二维码"/>
62 62
63 63 </div>
64 64 </div>
65 65 <div id="middle">
66 66 <div id="middle_l">
67 67 <div id="middle_l1">淘宝特色服饰</div>
68 68 <div id="middle_l2">
69 69 <ul>
70 70 <li><span>女装</span><span>男装</span><span>内衣</span></li>
71 71 <li><span>鞋靴</span><span>箱包</span><span>配件</span></li>
72 72 <li><span>家电</span><span>数码</span><span>手机</span></li>
73 73 <li><span>美食</span><span>海鲜</span><span>零食</span></li>
74 74
75 75 </ul>
76 76 </div>
77 77 <div id="middle_l3">
78 78
79 79 <ul>
80 80 <li><span>美妆</span><span>洗护</span><span>保健品</span></li>
81 81 <li><span>珠宝</span><span>眼镜</span><span>手表</span></li>
82 82 <li><span>运动</span><span>户外</span><span>手表</span></li>
83 83 <li><span>游戏</span><span>动漫</span><span>影视</span></li>
84 84 </ul>
85 85 </div>
86 86
87 87
88 88 </div>
89 89 <div id="middle_r">
90 90 <div id="middle_r1">
91 91 <ul>
92 92 <li>天猫</li>
93 93 <li>聚划算</li>
94 94 <li>天猫超市</li>
95 95 <li>淘抢购</li>
96 96 <li>电器城</li>
97 97 <li>司法拍卖</li>
98 98 <li>中国制造</li>
99 99 <li>特色中国</li>
100 100 <li>苏宁易购</li>
101 101 <li>智能生活</li>
102 102 </ul>
103 103 </div>
104 104
105 105 <div id="middle_r2">
106 106 <img id="pic" src="image/tupian/20160511172222552.jpg" width="762" height="347" title="淘宝首页" />
107 107 <script src="my.js/myzhizuo.js" type="text/javascript"></script>
108 108 <script type="text/javascript">
109 109 var pics=[‘image/tupian/20160511172222552.jpg‘,‘image/tupian/QQ截图20160517113845.png‘,‘image/tupian/QQ截图20160517120332.png‘];
110 110 //每隔3秒自动切换
111 111 var index=0;//当前显示的图片编号
112 112 var ioop=true;//是否轮播
113 113 function change() //定时切换
114 114 {
115 115 index=(index+1)%3;
116 116 //获得图片对象
117 117 var obj=document.getElementById("pic");
118 118 obj.src=pics[index];
119 119 if(loop)
120 120 {
121 121 setTimeout(change,2000);
122 122 }
123 123 }
124 124 setTimeout(change,2000);
125 125 //添加事件处理
126 126 var pic=document.getElementById("pic");
127 127 pic.onmouseover=function()
128 128 {
129 129 //停止轮播
130 130 loop=false;
131 131 //alert("mouseout");
132 132 }
133 133 pic.onmouseout=function()
134 134 {
135 135 //alert("mouseout");
136 136 //继续轮播
137 137 loop=true;
138 138 setTimeout(change,2000);
139 139 }
140 140
141 141 </script>
142 142 </div>
143 143 </div>
144 144 <div id="but">
145 145 <div id="but_l">
146 146 <ul class="but01">
147 147 <li>
148 148 <img src="image/tupian/TB1G7PZLVXXXXXqXpXXXXXXXXXX-48-48.png_40x40.jpg" alt="充话费" height="40" /><p>充话费</p>
149 149 </li>
150 150 <li>
151 151 <img src="image/tupian/TB1d0jOLVXXXXcCXFXXXXXXXXXX-48-48.png_40x40.jpg" alt="游戏" /><p>游戏</p>
152 152 </li>
153 153 <li>
154 154 <img src="image/tupian/TB1G7PZLVXXXXXqXpXXXXXXXXXX-48-48.png_40x40.jpg" alt="彩票" /><p>彩票</p>
155 155 </li>
156 156 <li>
157 157 <img src="image/tupian/TB1IHDzLVXXXXakapXXXXXXXXXX-48-48.png_40x40.jpg" alt="火车票" /><p>火车票</p>
158 158 </li>
159 159 <li>
160 160 <img src="image/tupian/TB1rTYLLVXXXXXSXVXXXXXXXXXX-48-48.png_40x40.jpg" alt="飞机票" /><p>飞机票</p>
161 161 </li>
162 162 <li>
163 163 <img src="image/tupian/TB1rPMzIXXXXXX3XpXXUAkPJpXX-87-87.png_60x60.jpg" alt="旅行" height="60" /><p>旅行</p>
164 164 </li>
165 165 <li>
166 166 <img src="image/tupian/TB1VmPWLVXXXXaRXpXXXXXXXXXX-48-48.png_40x40.jpg" alt="保险" height="40" /><p>保险</p>
167 167 </li>
168 168 <li>
169 169 <img src="image/tupian/TB1YcvILVXXXXbzXVXXXXXXXXXX-48-48.png_40x40.jpg" alt="点外卖" height="40" /><p>点外卖</p>
170 170 </li>
171 171 <li>
172 172 <img src="image/tupian/TB1kRDQLVXXXXaIXFXXXXXXXXXX-48-48.png_40x40.jpg" alt="音乐" height="40" /><p>音乐</p>
173 173 </li>
174 174 <li>
175 175 <img src="image/tupian/TB1krnHLVXXXXc3XVXXXXXXXXXX-48-48.png_40x40.jpg" alt="电影" height="40" /><p>电影</p>
176 176 </li>
177 177 <li>
178 178 <img src="image/tupian/TB1krnHLVXXXXc3XVXXXXXXXXXX-48-48.png_40x40.jpg" alt="找服务" height="40" /><p>找服务</p>
179 179 </li>
180 180 <li>
181 181 <img src="image/tupian/TB1SxPILVXXXXbLXVXXXXXXXXXX-48-48.png_40x40.jpg" alt="水电煤" height="40" /><p>水电煤</p>
182 182 </li>
183 183 </ul>
184 184 </div>
185 185 <div id="but_r"><img class="tu" src="image/tupian/TB1NFWhJVXXXXbfXpXXXXXXXXXX-160-280.jpg" width="156" height="204" />
186 186 <div class="but_r01">艺术盆景</div>
187 187
188 188 <img class="tu" src="image/tupian/TB1AOthJVXXXXXZXFXXSutbFXXX.jpg" width="159" height="203" />
189 189 <div class="but_r01">铜师傅专场</div>
190 190 <img src="image/tupian/TB2Z.0AoFXXXXXnXFXXXXXXXXXX_!!45046493.jpg_360x360xz.jpg" width="165" height="203" class="tu" /><img class="tu" src="image/tupian/TB2g0cpoVXXXXXPXpXXXXXXXXXX_!!45046493.jpg_360x360xz.jpg" width="152" height="206" />
191 191 <div class="but_r01">铜师傅专场</div>
192 192 </div>
193 193 </div>
194 194 </div>
195 195 <div class="bt">
196 196 <div class="bt_t">
197 197 市上报量
198 198 </div>
199 199 </div>
200 200
201 201
202 202
203 203 </div>
204 204 </body>
205 205 </html>
206
207
208
时间： 2024-08-23 09:24:00