雪拂兰

<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;
  100%;
  height:120px;
  left:0px;
  top:0px;
  right:0px;
  background-color:#000;
  z-index:9;
  position:fixed;
   
  }
  .b
  {
  border:0px;
  100%;
  height:10px;
   
  left:0px;
  top:120px;
  right:0px;
  background-color:#CCC;
  z-index:9;
  position:fixed;
   
  }
  .c
  {
  border:0px;
  100%;
  height:10px;
   
  left:0px;
  top:570px;
  right:0px;
  background-color:#CCC;
  position:absolute;}
  .d
  {
  border:0px;
  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; 1000px; height:400px; top:150px; position:relative; }
   
  .jiantou{background-position:center; 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;
  30%;
  height:30px;
   
  top:80px;
  right:20%;
  background-color:#000;
  position:absolute; ">
  <ul style="list-style:none">
  <li style="float:left; 60px;"><a href="" ><font size="1"><input type="button" style="font-size:20px;" value="首页"></li></font></a>
  <li style="float:left; 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; 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; 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; 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">
   
   
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.chevrolet.com.cn/manutd/#cheer"><img src="logo.jpg" height="60"></a>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.chevrolet.com.cn/red_chalk/"><img src="log2.png" height="60"></a>
  <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://weibo.com/sgmchevrolet?is_hot=1"><img src="QQ图片20160417160505.png" height="40"></a>
  &nbsp;<a href="http://www.mychevy.com.cn/shanghai"><img src="QQ图片20160417160618.png" height="40"></a>
  &nbsp;<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">&nbsp;</td>
  <td width="106"><font color="#000000" size="2"><b>雪佛兰品牌</b></font></td>
  <td width="13">&nbsp;</td>
  <td width="220"><font color="#000000" size="2"><b>官方新闻</b></font></td>
  <td width="6">&nbsp;</td>
  <td width="69"><font color="#000000" size="2"><b>经销商查询</b></font></td>
  <td width="10">&nbsp;</td>
  <td width="142"><font color="#000000" size="2"><b>活动专区</b></font></td>
  <td width="5">&nbsp;</td>
  <td width="5">&nbsp;</td>
  <td width="15">&nbsp;</td>
  <td width="16">&nbsp;</td>
  </tr>
  <tr>
  <td><font color="#333333" size="2" >轿车</font></td>
  <td>&nbsp;</td>
  <td><a href="http://www.chevrolet.com.cn/brand/century.html"><font size="1">梦·创未来</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://m.chevrolet.com.cn/v2/news/news-content.aspx?id=24" ><font size="1">我们肩并肩一起走,一回头,就十年了</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://m.chevrolet.com.cn/v2/service-shop/"><font size="1">特约维修站</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://m.chevrolet.com.cn/act/brand/2016SAT/"><font size="1">雪佛兰全系轻松购 就在超级星期六</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/malibu-xl/"><font size="1">迈锐宝XL</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://www.chevrolet.com.cn/brand/century-case.html"><font size="1">经典一刻</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://m.chevrolet.com.cn/v2/news/news-content.aspx?id=23"><font size="1">2016雪佛兰红粉笔乡村者教育计划志愿者募捐启动</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://m.chevrolet.com.cn/v2/dealer/" ><font size="1">特约经销商</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://m.chevrolet.com.cn/act/cruze/heroisback/" ><font size="1">科鲁兹.大圣回来</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/malibu/#home"><font size="1">迈锐宝</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://www.chevrolet.com.cn/brand/century-cars-camaro.html"><font size="1">明星车系</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://m.chevrolet.com.cn/v2/news/news-content.aspx?id=22"><font size="1">今年的曼联球童,会是你吗?</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/new-cruze/"><font size="1">新科鲁兹</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://www.chevrolet.com.cn/brand/century-work.html" ><font size="1">品牌合作</font></a></td>
  <td>&nbsp;</td>
  <td><a href="http://m.chevrolet.com.cn/v2/news/news-content.aspx?id=21"><font size="1">雪佛兰新一代旗舰轿车迈锐宝XL突破驾临</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/cruze-classic/"><font size="1">科鲁兹经典</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/cruze-liftback/"><font size="1">科鲁兹掀背</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/sail/"><font size="1">赛欧3</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><font color="#333333" size="2">suv</br></font></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/captiva/"><font size="1">科帕奇</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/trax/#home"><font size="1">创酷</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><font color="#333333" size="2">休旅车</br></font></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/lovarv/"><font size="1">乐风RV</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><font color="#333333" size="2">跑车</br></font></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td><a href="http://www.chevrolet.com.cn/camaro/"><font size="1">科迈罗</font></a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</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>
   
原文地址:https://www.cnblogs.com/weiwenxin01/p/5455009.html