标签:
| <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