| <html xmlns="http://www.w3.org/1999/xhtml"> |
| |
<head> |
| |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| |
<title>汽车</title> |
| |
|
| |
<style type="text/css"> |
| |
* |
| |
.a |
| |
{ |
| |
border:0px; |
| |
width:100%; |
| |
height:120px; |
| |
left:0px; |
| |
top:0px; |
| |
right:0px; |
| |
background-color:#000; |
| |
z-index:9; |
| |
position:fixed; |
| |
|
| |
} |
| |
.b |
| |
{ |
| |
border:0px; |
| |
width:100%; |
| |
height:10px; |
| |
|
| |
left:0px; |
| |
top:120px; |
| |
right:0px; |
| |
background-color:#CCC; |
| |
z-index:9; |
| |
position:fixed; |
| |
|
| |
} |
| |
.c |
| |
{ |
| |
border:0px; |
| |
width:100%; |
| |
height:10px; |
| |
|
| |
left:0px; |
| |
top:570px; |
| |
right:0px; |
| |
background-color:#CCC; |
| |
position:absolute;} |
| |
.d |
| |
{ |
| |
border:0px; |
| |
width:100%; |
| |
height:600px; |
| |
left:0px; |
| |
top:580px; |
| |
right:0px; |
| |
background-color:#FFF; |
| |
position:absolute; } |
| |
|
| |
</style> |
| |
<link href="雪弗兰css.css" rel="stylesheet" type="text/css" /> |
| |
<link href="雪弗兰1.css" rel="stylesheet" type="text/css" /> |
| |
</head> |
| |
<style type="text/css"> |
| |
*{ margin:0px auto; padding:0px;} |
| |
#tuijian{background-image:url(1.jpg); background-size:cover; width:1000px; height:400px; top:150px; position:relative; } |
| |
|
| |
.jiantou{background-position:center; width:30px; height:60px;} |
| |
|
| |
#p1{background-image:url(QQ%E5%9B%BE%E7%89%8720160418193715.png); float:left; margin:150px 0px 0px 0px;} |
| |
|
| |
#p2{background-image:url(QQ%E5%9B%BE%E7%89%8720160418193636.png); float:right; margin:150px 0px 0px 0px;} |
| |
a{ color:#999} |
| |
a:hover |
| |
{ |
| |
color:#000; |
| |
text-decoration:underline;} |
| |
</style> |
| |
|
| |
<body> |
| |
|
| |
<div class="a"> |
| |
<a href=""><img src="201210222228256128.jpg" height="100"> |
| |
<div class="caidan" style=" |
| |
border:0px; |
| |
width:30%; |
| |
height:30px; |
| |
|
| |
top:80px; |
| |
right:20%; |
| |
background-color:#000; |
| |
position:absolute; "> |
| |
<ul style="list-style:none"> |
| |
<li style="float:left; width:60px;"><a href="" ><font size="1"><input type="button" style="font-size:20px;" value="首页"></li></font></a> |
| |
<li style="float:left; width:100px;"><a href="http://m.chevrolet.com.cn/v2/news/" ><font size="1"><input type="button" style="font-size:20px;" value="官方新闻"></li></font></a> |
| |
<li style="float:left; width:100px;"><a href="http://m.chevrolet.com.cn/v2/car-loan/" ><font size="1"><input type="button" style="font-size:20px;" value="网上车贷"></li></font></a> |
| |
<li style="float:left; width:100px;"><a href="http://m.chevrolet.com.cn/v2/events/" ><font size="1"><input type="button" style="font-size:20px;" value="活动专区"></li></font></a> |
| |
<li style="float:left; width:0px;"><a href="http://m.chevrolet.com.cn/v2/service/activity.html" ><font size="1"><input type="button" style="font-size:20px;" value="金领结服务"></li></font></a> |
| |
</ul> |
| |
</div> |
| |
</a> |
| |
|
| |
|
| |
|
| |
</div> |
| |
<div class="b"></div> |
| |
<div class="c"></div> |
| |
<div class="d"> |
| |
|
| |
|
| |
<a href="http://www.chevrolet.com.cn/manutd/#cheer"><img src="logo.jpg" height="60"></a> |
| |
<a href="http://www.chevrolet.com.cn/red_chalk/"><img src="log2.png" height="60"></a> |
| |
<br><br> <a href="http://weibo.com/sgmchevrolet?is_hot=1"><img src="QQ图片20160417160505.png" height="40"></a> |
| |
<a href="http://www.mychevy.com.cn/shanghai"><img src="QQ图片20160417160618.png" height="40"></a> |
| |
<a href="http://www.chevrolet.com.cn/brandsite/serviceMychevy.html"><img src="QQ图片20160417160706.png" height="40"></a> |
| |
<br> |
| |
<table width="714" border="0" > |
| |
<tr> |
| |
<td width="57"><font color="#000000" size="2"><b>全系车型</b></font></td> |
| |
<td width="4"> </td> |
| |
<td width="106"><font color="#000000" size="2"><b>雪佛兰品牌</b></font></td> |
| |
<td width="13"> </td> |
| |
<td width="220"><font color="#000000" size="2"><b>官方新闻</b></font></td> |
| |
<td width="6"> </td> |
| |
<td width="69"><font color="#000000" size="2"><b>经销商查询</b></font></td> |
| |
<td width="10"> </td> |
| |
<td width="142"><font color="#000000" size="2"><b>活动专区</b></font></td> |
| |
<td width="5"> </td> |
| |
<td width="5"> </td> |
| |
<td width="15"> </td> |
| |
<td width="16"> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><font color="#333333" size="2" >轿车</font></td> |
| |
<td> </td> |
| |
<td><a href="http://www.chevrolet.com.cn/brand/century.html"><font size="1">梦·创未来</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://m.chevrolet.com.cn/v2/news/news-content.aspx?id=24" ><font size="1">我们肩并肩一起走,一回头,就十年了</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://m.chevrolet.com.cn/v2/service-shop/"><font size="1">特约维修站</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://m.chevrolet.com.cn/act/brand/2016SAT/"><font size="1">雪佛兰全系轻松购 就在超级星期六</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/malibu-xl/"><font size="1">迈锐宝XL</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://www.chevrolet.com.cn/brand/century-case.html"><font size="1">经典一刻</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://m.chevrolet.com.cn/v2/news/news-content.aspx?id=23"><font size="1">2016雪佛兰红粉笔乡村者教育计划志愿者募捐启动</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://m.chevrolet.com.cn/v2/dealer/" ><font size="1">特约经销商</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://m.chevrolet.com.cn/act/cruze/heroisback/" ><font size="1">科鲁兹.大圣回来</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/malibu/#home"><font size="1">迈锐宝</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://www.chevrolet.com.cn/brand/century-cars-camaro.html"><font size="1">明星车系</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://m.chevrolet.com.cn/v2/news/news-content.aspx?id=22"><font size="1">今年的曼联球童,会是你吗?</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/new-cruze/"><font size="1">新科鲁兹</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://www.chevrolet.com.cn/brand/century-work.html" ><font size="1">品牌合作</font></a></td> |
| |
<td> </td> |
| |
<td><a href="http://m.chevrolet.com.cn/v2/news/news-content.aspx?id=21"><font size="1">雪佛兰新一代旗舰轿车迈锐宝XL突破驾临</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/cruze-classic/"><font size="1">科鲁兹经典</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/cruze-liftback/"><font size="1">科鲁兹掀背</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/sail/"><font size="1">赛欧3</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><font color="#333333" size="2">suv</br></font></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/captiva/"><font size="1">科帕奇</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/trax/#home"><font size="1">创酷</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><font color="#333333" size="2">休旅车</br></font></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/lovarv/"><font size="1">乐风RV</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><font color="#333333" size="2">跑车</br></font></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
<tr> |
| |
<td><a href="http://www.chevrolet.com.cn/camaro/"><font size="1">科迈罗</font></a></td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
<td> </td> |
| |
</tr> |
| |
</table> |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
</div> |
| |
|
| |
<div id="tuijian" > |
| |
<div class="jiantou" id="p1" onclick="dodo(-1)"></div> |
| |
<div class="jiantou" id="p2" onclick="dodo(1)"></div> |
| |
</div> |
| |
</body> |
| |
|
| |
</html> |
| |
<script language="javascript"> |
| |
var jpg=new Array(); |
| |
jpg[0]="url(1.jpg)"; |
| |
jpg[1]="url(2.jpg)"; |
| |
jpg[2]="url(3.jpg)"; |
| |
jpg[3]="url(4.jpg)"; |
| |
jpg[4]="url(5.jpg)"; |
| |
var a=document.getElementById("tuijian") |
| |
var xb=0; |
| |
function dodo(m) |
| |
{ |
| |
xb=xb+m; |
| |
|
| |
|
| |
if(xb<0) |
| |
{ |
| |
xb=jpg.length-1; |
| |
} |
| |
|
| |
else if(xb>=jpg.length) |
| |
{ |
| |
xb=0; |
| |
} |
| |
a.style.backgroundImage=jpg[xb]; |
| |
|
| |
} |
| |
</script> |
| |
|