基本信息
源码名称：html5 手机网站制作 完整实例源码下载
源码大小：1.78M
文件格式：.rar
开发语言：CSS
更新时间：2014-06-23
   源码介绍

实例简介：html5网站实例源码

实例截图：

部分代码： 


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
	<link rel="stylesheet" href="css/default.css">
</head>
<body>
	<!-- <div class="index_logo">
		<img src="img/case1.jpg" height="30" /><span >商家名称</span>
	</div> -->
	<div class="head">
		<div class="swipe_banners">
			<ul>
				<li><img src="img/light1.jpg" alt=""></li>
				<li><img src="img/light2.jpg" alt=""></li>
				<li><img src="img/light3.jpg" alt=""></li>
			</ul>
		</div>
		<div class="swipe_bars">
			<ul>
				<li class="current"></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<div id="main">
		<div class="mainTop">
			<!-- <span class="fade">
				<img src="img/b_1.png" height="30" alt="">
				<img src="img/b_2.png" height="30" alt="">
			</span>
			<span>
				<img src="img/logo.png" alt="" height="36" class="mainLogo"/>
			</span>
			<span class="fade">
				<img src="img/b_3.png" height="30" alt="">
				<img src="img/b_4.png" height="30" alt="">
			</span> -->
			<span><img src="img/logo.png" alt="" height="36" class="mainLogo"/>大地灯饰</span>
		</div>
		<div class=" mainSide">
			<a href="describe.html">
				<span class="wordPro">
					<img class="pro_img" src="img/mainPic1.jpg"  width="72" height="54"/>
					<p >商家简介</p>
				</span>
			</a>
		</div>
		<div class=" mainSide">
			<a href="product.html">
				<span class="wordPro">
					<img class="pro_img" src="img/mainPic2.jpg" width="72" height="54"/>
					<p >产品展示</p>
				</span>
			</a>
		</div>
		<div class="clear"></div>
		<div class=" mainSide">
			<a href="activity.html">
				<span class="wordPro">
					<img class="pro_img" src="img/mainPic3.jpg" width="72" height="54"/>
					<p >实景展示</p>
				</span>	
			</a>	
		</div>
		<div class=" mainSide">
			<a href="guide.html">
				<span class="wordPro">
					<img class="pro_img" src="img/mainPic5.jpg" width="72" height="54"/>
					<p >最新动态</p>
				</span>
			</a>
		</div>
	</div>

</body>
<script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
<script type="text/javascript" src="js/tool.js" ></script>
<script type="text/javascript" src="js/index.js" ></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".mainLogo").on("click",function(){
			$(".fade").fadeToggle();
		})
	})
</script>
</html>