标签:
<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> | |
标签:
原文地址:http://www.cnblogs.com/weiwenxin01/p/5455009.html