<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>新鲜蔬菜</title>
<meta name="keywords" content="KEYWORDS..." />
<meta name="description" content="DESCRIPTION..." />
<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="css/style.css" />
<script src="js/jquery.js"></script>
<script src="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="location.html" class="location">西安市</a>
<h1 class="logoIcon" style="font-size:.85rem;">#</h1>
<a href="search.html" class="rt_searchIcon">%</a>
</header>
<div style="height:1rem;"></div>
<!--slide-->
<div id="slide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#">
<img src="upload/slide001.jpg"/>
</a>
</div>
<div class="swiper-slide">
<a href="#">
<img src="upload/slide002.jpg"/>
</a>
</div>
</div>
<div class="pagination"></div>
</div>
<!--categoryList-->
<ul class="categoryLiIcon">
<li>
<a href="category.html">
<img src="upload/menu_bg_01.png"/>
<em>蔬菜水果</em>
</a>
</li>
<li>
<a href="category.html">
<img src="upload/menu_bg_06.png"/>
<em>禽蛋肉类</em>
</a>
</li>
<li>
<a href="category.html">
<img src="upload/menu_bg_10.png"/>
<em>水产火锅</em>
</a>
</li>
<li>
<a href="category.html">
<img src="upload/menu_bg_14.png"/>
<em>熟食豆制</em>
</a>
</li>
<li>
<a href="category.html">
<img src="upload/menu_bg_03.png"/>
<em>米面粮油</em>
</a>
</li>
<li>
<a href="category.html">
<img src="upload/menu_bg_07.png"/>
<em>调料干货</em>
</a>
</li>
<li>
<a href="category.html">
<img src="upload/menu_bg_11.png"/>
<em>餐厨用品</em>
</a>
</li>
<li>
<a href="category.html">
<img src="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="product.html" class="goodsPic">
<img src="upload/goods001.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">新鲜生菜两斤装特惠</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="product.html" class="goodsPic">
<img src="upload/goods002.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">红萝卜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="product.html" class="goodsPic">
<img src="upload/goods003.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">西红柿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="product.html" class="goodsPic">
<img src="upload/goods004.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">新鲜生菜两斤装特惠</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="product.html" class="goodsPic">
<img src="upload/goods008.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">新鲜生菜两斤装特惠</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="product.html" class="goodsPic">
<img src="upload/goods009.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">新鲜生菜两斤装特惠</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="product.html" class="goodsPic">
<img src="upload/goods005.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">新鲜生菜两斤装特惠</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="product.html" class="goodsPic">
<img src="upload/goods006.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">新鲜生菜两斤装特惠</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="product.html" class="goodsPic">
<img src="upload/goods007.jpg"/>
</a>
<div class="goodsInfor">
<h2>
<a href="product.html">新鲜生菜两斤装特惠</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="cart.html">0</a>
</div>
<div style="height:1.2rem;"></div>
<nav>
<a href="index.html" class="homeIcon">首页</a>
<a href="category.html" cl
【kk梦空间】10元HTML5移动WEBAPP果蔬菜类购物手机模板源码.zip
版权申诉
88 浏览量
2024-04-18
01:35:59
上传
评论
收藏 1.35MB ZIP 举报
【kk梦空间】10元HTML5移动WEBAPP果蔬菜类购物手机模板源码.zip （56个子文件） 
freshHtml 
register.html 3KB new.html 2KB address.html 2KB change_pwd.html 2KB profile.html 2KB about_us.html 3KB favorite.html 4KB change_name.html 1KB js 
swiper.min.js 55KB jquery.js 91KB find_pwd.html 3KB product.html 3KB search.html 2KB article.html 2KB category.html 3KB location.html 2KB css style.css 22KB font fresh-webfont.ttf 12KB fresh-webfont.woff 9KB
fresh-webfont.svg 17KB swiper3.07.min.css 14KB login.html 2KB 404.html 2KB order_list.html 3KB change_tel.html 2KB index.html 8KB return_state.html 2KB user.html 2KB user_set.html 2KB confirm_order.html 3KB images icon 
apple-touch-icon-120x120-precomposed.png 4KB apple-touch-icon-57x57-precomposed.png 2KB apple-touch-icon-196x196-precomposed.png 6KB favicon.ico 1KB
DefaultAvatar.jpg 3KB cart.html 4KB 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 98KB slide002.jpg 100KB goods001.jpg 161KB goods002.jpg 70KB goods003.jpg 96KB product_list.html 5KB资源评论
