<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>首页</title>
<meta name="keywords" content="DeathGhost" />
<meta name="description" content="http://www.deathghost.cn" />
<meta name="author" content="DeathGhost" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name='apple-touch-fullscreen' content='yes'>
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<link rel="icon" href="images/icon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/icon/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/icon/apple-touch-icon-120x120-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="196x196" href="images/icon/apple-touch-icon-196x196-precomposed.png">
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="source/style.css" />
<script src="source/js/jquery.js"></script>
<script src="source/js/swiper.min.js"></script>
<script>
$(document).ready(function(){
var mySwiper = new Swiper('#slide',{
autoplay:5000,
visibilityFullFit : true,
loop:true,
pagination : '.pagination',
});
//product list:Tab
$(".tab_proList dd").eq(0).show().siblings(".tab_proList dd").hide();
$(".tab_proList dt a").eq(0).addClass("currStyle");
$(".tab_proList dt a").click(function(){
var liindex = $(".tab_proList dt a").index(this);
$(this).addClass("currStyle").siblings().removeClass("currStyle");
$(".tab_proList dd").eq(liindex).fadeIn(150).siblings(".tab_proList dd").hide();
});
//飞入动画，具体根据实际情况调整
$(".addToCart").click(function(){
$(".hoverCart a").html(parseInt($(".hoverCart a").html())+1);/*悬浮购物车+1*/
var shopOffset = $(".hoverCart").offset();
var cloneDiv = $(this).parent().siblings(".goodsPic").clone();
var proOffset = $(this).parent().siblings(".goodsPic").offset();
cloneDiv.css({ "position": "absolute", "top": proOffset.top, "left": proOffset.left });
$(this).parent().siblings(".goodsPic").parent().append(cloneDiv);
cloneDiv.animate({
width:0,
height:0,
left: shopOffset.left,
top: shopOffset.top,
opacity:1
},"slow");
});
});
</script>
</head>
<body>
<!--header-->
<header>
<a href="#" class="location">西安市</a>
<h1>果蔬商城</h1>
<a href="#" class="rt_searchIcon">%</a>
</header>
<!--slide-->
<div id="slide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#">
<img src="source/upload/slide001.jpg"/>
</a>
</div>
<div class="swiper-slide">
<a href="#">
<img src="source/upload/slide002.jpg"/>
</a>
</div>
</div>
<div class="pagination"></div>
</div>
<!--categoryList-->
<ul class="categoryLiIcon">
<li>
<a href="#">
<img src="source/upload/menu_bg_01.png"/>
<em>蔬菜水果</em>
</a>
</li>
<li>
<a href="#">
<img src="source/upload/menu_bg_06.png"/>
<em>禽蛋肉类</em>
</a>
</li>
<li>
<a href="#">
<img src="source/upload/menu_bg_10.png"/>
<em>水产火锅</em>
</a>
</li>
<li>
<a href="#">
<img src="source/upload/menu_bg_14.png"/>
<em>熟食豆制</em>
</a>
</li>
<li>
<a href="#">
<img src="source/upload/menu_bg_03.png"/>
<em>米面粮油</em>
</a>
</li>
<li>
<a href="#">
<img src="source/upload/menu_bg_07.png"/>
<em>调料干货</em>
</a>
</li>
<li>
<a href="#">
<img src="source/upload/menu_bg_11.png"/>
<em>餐厨用品</em>
</a>
</li>
<li>
<a href="#">
<img src="source/upload/menu_bg_15.png"/>
<em>常购品</em>
</a>
</li>
</ul>
<!--Tab:productList-->
<dl class="tab_proList">
<dt>
<a>热销</a>
<a>新品</a>
<a>打折</a>
</dt>
<dd>
<ul>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods001.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">新鲜生菜两斤装特惠</a>
</h2>
<p>
<del>5.90</del>
</p>
<p>
<strong class="price">3.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods002.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">红萝卜3斤装</a>
</h2>
<p>
<del>12.90</del>
</p>
<p>
<strong class="price">8.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods003.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">西红柿5斤装</a>
</h2>
<p>
<del>9.90</del>
</p>
<p>
<strong class="price">6.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
</ul>
</dd>
<dd>
<ul>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods004.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">新鲜生菜两斤装特惠</a>
</h2>
<p>
<del>5.90</del>
</p>
<p>
<strong class="price">3.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods008.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">新鲜生菜两斤装特惠</a>
</h2>
<p>
<del>5.90</del>
</p>
<p>
<strong class="price">3.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods009.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">新鲜生菜两斤装特惠</a>
</h2>
<p>
<del>5.90</del>
</p>
<p>
<strong class="price">3.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
</dd>
<dd>
<ul>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods005.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">新鲜生菜两斤装特惠</a>
</h2>
<p>
<del>5.90</del>
</p>
<p>
<strong class="price">3.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods006.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">新鲜生菜两斤装特惠</a>
</h2>
<p>
<del>5.90</del>
</p>
<p>
<strong class="price">3.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
<li>
<a href="#" class="goodsPic">
<img src="source/upload/goods007.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="#">新鲜生菜两斤装特惠</a>
</h2>
<p>
<del>5.90</del>
</p>
<p>
<strong class="price">3.90</strong>
</p>
<a class="addToCart">~</a>
</div>
</li>
</dd>
</dl>
<!--floatCart-->
<div class="hoverCart">
<a href="#">0</a>
</div>
<!--fixedNav:footer-->
<div style="height:1.2rem;"></div>
<nav>
<a href="index.html" class="homeIcon">首页</a>
<a href="#" class="categoryIcon">分类</a>
<a href="#" class="cartIcon">购物车</a>
<a href="#" class="userIcon">我的</a>
</nav>
</body>
</html>
【kk梦空间】绿色的手机网上水果商城wap模板.zip （29个子文件） 
source 
style.css 8KB font fresh-webfont.ttf 12KB fresh-webfont.eot 8KB fresh-webfont.woff2 7KB fresh-webfont.woff 9KB
fresh-webfont.svg 17KB js swiper.min.js 55KB jquery.js 91KB swiper3.07.min.css 14KB upload 
menu_bg_07.png 7KB menu_bg_03.png 5KB
goods007.jpg 135KB goods006.jpg 123KB goods008.jpg 193KB menu_bg_10.png 8KB menu_bg_11.png 6KB menu_bg_14.png 6KB menu_bg_01.png 7KB goods005.jpg 96KB menu_bg_15.png 4KB goods004.jpg 56KB goods009.jpg 106KB menu_bg_06.png 8KB slide001.jpg 85KB slide002.jpg 81KB goods001.jpg 161KB goods002.jpg 70KB goods003.jpg 96KB
index.html 8KB资源评论
