【kk梦空间】绿色的手机网上水果商城wap模板.zip资源-CSDN文库

共29个文件

jpg：11个

png：8个

js：2个

版权申诉

毕业设计

计算机资料

119 浏览量 2024-04-21 00:49:19 上传评论收藏 1.29MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【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

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

<!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> <a href="#" class="location">西安市</a> <h1>果蔬商城</h1> <a href="#" class="rt_searchIcon">%</a> </header>  <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>  <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>  <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>  <div class="hoverCart"> <a href="#">0</a> </div>  <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>

评论收藏

内容反馈

版权申诉