zoukankan html css js c++ java

雪拂兰

<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">


	<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>

查看全文

相关阅读:
C#生成MD5的方法
 平常心是道
 Android 三种动画的使用 – Tween Animation
17个Javascript日期选择器
 Javascript解码编码常用函数
 mysql 命令行导入导出数据
 技术驱动还是产品驱动
 Ubuntu 和 Redhat / Fedora 服务管理命令对比表
 jquery常用技巧
 Fedora 17安装JDK1.7

原文地址：https://www.cnblogs.com/weiwenxin01/p/5455009.html

热门文章
PHP安装配置要点
 Oracle和SQL Server连接表的更新操作Update SQL 语句
 SVN服务器更改ip地址客户端怎么设置
 ASP.NET下FCKeditor配置方法全解
 FCKEDITOR中文使用说明 js调用
 ASP.NET中获取两个日期之间的天数的方法（转）
转载：RamDisk~充分利用你的大内存，详细教程（11月7 新功能更新）
asp.net 页面之间跳转的几种方法及区别（转）
DBNull和可空类型
 最简单的单例模式