ZIPweb前端+html、css+水果商城+大学生期末课程作业 10.65MB

xccevol需要积分:3(1积分=1元)

资源文件列表:

jz_ABC.zip 大约有60个文件
  1. about.html 7.93KB
  2. css/
  3. css/about.css 6.05KB
  4. css/index.css 9.24KB
  5. css/public.css 355B
  6. css/reset.css 1.35KB
  7. css/shop.css 1.16KB
  8. css/two.css 6.33KB
  9. img/
  10. img/about/
  11. img/about/01.jpg 38.97KB
  12. img/about/01.png 99.68KB
  13. img/about/02.png 143B
  14. img/about/03.png 65.1KB
  15. img/about/04.png 76.44KB
  16. img/about/05.png 61.94KB
  17. img/about/06.png 33.28KB
  18. img/dog/
  19. img/dog/01.png 1.37MB
  20. img/dog/02.png 1.37MB
  21. img/dog/03.png 1.74MB
  22. img/dog/04.png 1.63MB
  23. img/dog/05.png 1.28MB
  24. img/dog/06.png 2.02MB
  25. img/two/
  26. img/two/01.jpg 40.16KB
  27. img/two/02.jpg 54.15KB
  28. img/two/03.jpg 35.52KB
  29. img/two/04.jpg 6.38KB
  30. img/two/05.jpg 5.84KB
  31. img/two/06.jpg 14.86KB
  32. img/two/07.jpg 31.78KB
  33. img/two/08.jpg 6.46KB
  34. img/two/09.jpg 47.9KB
  35. img/首页/
  36. img/首页/00.png 661B
  37. img/首页/00_0.png 668B
  38. img/首页/00_1.png 3.43KB
  39. img/首页/00_2.png 2.21KB
  40. img/首页/01.png 3.3KB
  41. img/首页/02.jpg 106.28KB
  42. img/首页/03.png 10.91KB
  43. img/首页/04.jpg 112.01KB
  44. img/首页/05.png 8.28KB
  45. img/首页/06.jpg 22.59KB
  46. img/首页/06.png 179.68KB
  47. img/首页/07.jpg 14.68KB
  48. img/首页/07.png 58.76KB
  49. img/首页/08.jpg 22.59KB
  50. img/首页/08.png 52.62KB
  51. img/首页/09.jpg 30.95KB
  52. img/首页/09.png 52.82KB
  53. img/首页/10.png 5.6KB
  54. img/首页/11.png 7.61KB
  55. index.html 11.01KB
  56. js/
  57. js/adaptive.js 6.97KB
  58. js/index.js 542B
  59. shop.html 7.7KB
  60. two.html 7.75KB

资源介绍:

水果商城网页 该项目是用html，css以及一些简单的js写的前端静态页面，包含轮播图、导航菜单、以及四个二级页面，以及一些简单的js代码。轮播图是寸css写的，没有含有js代码，只有最简单的轮播功能，没有切换按钮和治图片指示器。还有一个用js写的时间展示功能，比较简单。 页面比较简单，基本上都是html和css代码，适合给学习web课程的大学生当作期末作业，页面整体布局相对合理，而且还有交互。代码简单且容易理解，可以应对老师的提问，页面总体使用的是flex布局，也搭配了一些css动画。对现在主流的浏览器都可以兼容，对一些老版本的ie浏览器可能不兼容，需要注意，代码注释写的相对比较清晰。 项目启动建议搭配VS code使用，需要下载插件Live server。启动非常的简单，找到项目中的inde.html，右键Open with Live Server运行就可以了，看到浏览器自动打开且页面展示出来代表启动成功，如果使用其他的ide遇到问题，可联系。 以上就是项目目前存在的功能，以及使用方法，如果需要扩展功能，如果需要扩展页面，或者增加其他的功能，与本人联系可酌情考虑。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>建站abc</title> <link rel="stylesheet" href="./css/reset.css"> <link rel="stylesheet" href="http://at.alicdn.com/t/font_3269029_ip4jnm2rjme.css"> <link rel="stylesheet" href="./css/public.css"> <link rel="stylesheet" href="./css/index.css"> </head> <body> <!-- 头部导航开始 --> <div class="top_nav w"> <div class="top_logo"> <img src="./img/首页/01.png" alt=""> </div> <ul> <li> <a href="./index.html">网站首页</a> </li> <li> <a href="./two.html">狗狗分类</a> </li> <li> <a href="./about.html">关于我们</a> </li> <li> <a href="./shop.html">店面分布</a> </li> <li> <a href="##">新闻资讯</a> </li> </ul> <div class="top_r"> <div id="time-box"></div> </div> </div> <!-- 头部导航结束 --> <!-- 花里胡哨的第二版图片开始 --> <div class="banner"> <div class="banner_top"> <ul> <li> <img src="./img/首页/02.jpg" alt=""> </li> <li> <img src="./img/首页/04.jpg" alt=""> </li> <li> <img src="./img/首页/02.jpg" alt=""> </li> </ul> </div> <div class="banner_c"> <div class="yuan"></div> <div class="yuan"></div> </div> </div> <!-- 花里胡哨的第二版图片结束 --> <!-- 花里胡哨第三版开始 --> <div class="three_bg"> <div class="three w"> <div class="t_center w"> <h1>做好吃的水果</h1> <h6>百年品牌</h6> <img src="./img/首页/00_1.png" alt=""> <div class="line"> <hr> <img src="./img/首页/00.png" alt=""> <hr> </div> </div> <p>xx品连锁有限公司自1997年创立以来，始终秉承“新鲜才好吃”的经营理念，致力于打造专业的水果供应链公司、专业的水果品牌运营商。目前已拥有<br>以江、浙、沪、皖、渝为中心1100余家门店，5大运营品牌，6大恒温、冷藏配送中心。通过优质的果品质量，一流的客户服务，积极承担社会责任，争<br>创世界水果第一连锁。 </p> <button>走进我们+</button> <img src="./img/首页/00_2.png" alt=""> </div> </div> <!-- 花里胡哨第三版结束 --> <!-- 第四版开始 --> <div class="four_bg"> <div class="four w"> <div class="f_top"> <h1>当季鲜果</h1> <h6>养生健康</h6> <div class="line"> <hr> <img src="./img/首页/00_0.png" alt=""> <hr> </div> </div> </div> <ul class="w"> <li> <img src="./img/首页/06.jpg" alt=""> <div class="f_con"> <p> 猕猴桃新鲜当季奇异果 猕猴桃<br>￥24.00 </p> <button>立即购买</button> </div> </li> <li> <img src="./img/首页/07.jpg" alt=""> <div class="f_con"> <button>更多水果+</button> </div> </li> <li> <img src="./img/首页/08.jpg" alt=""> <div class="f_con"> <p> 猕猴桃新鲜当季奇异果 猕猴桃<br>￥24.00 </p> <button>立即购买</button> </div> </li> </ul> </div> <!-- 第四版结束 --> <!-- 第五版开始 --> <div class="five w"> <div class="f_top"> <h1>我们的优势</h1> <h6>四大优势</h6> <div class="line"> <hr> <img src="./img/首页/00.png" alt=""> <hr> </div> </div> <div class="f_main"> <div class="f_m_l"> <div class="f_m_t"> <i class="iconfont icon-xitong"></i> <h1>全球精选<p>一站式生鲜购物方案</p> </h1> </div> <div class="f_m_t"> <i class="iconfont icon-pingguo2"></i> <h1>源头直采<p>精选正宗品质好食材</p> </h1> </div> </div> <img src="./img/首页/09.jpg" alt=""> <div class="f_m_l"> <div class="f_m_t"> <i class="iconfont icon-cangku"></i> <h1>多仓直发<p>特有次日送达服务</p> </h1> </div> <div class="f_m_t"> <i class="iconfont icon-rmb"></i> <h1>天天降价<p>会员专属优惠购不停</p> </h1> </div> </div> </div> </div> <!-- 第五版结束 --> <!-- 第六版开始 --> <div class="six_bg"> </div> <!-- 第六版结束 --> <!-- 第七版开始 --> <div class="seven w"> <div class="s_top"> <h1>新闻动态</h1> <h6>健康养生</h6> <div class="line"> <hr> <img src="./img/首页/00.png" alt=""> <hr> </div> </div> <div class="seven_con"> <ul> <li> <h1>07-14<p>2017</p></h1> <img src="./img/首页/07.png" alt=""> <div class="s_c_r"> <h2>xxx联手甘肃天水市政府 举办首届秦州大樱桃节</h2> <p>xxx联手甘肃天水市政府 举办首届秦州大樱桃节xxx联手甘肃天水市政府 举办首届秦州大樱桃节xxx联手甘肃天水市政府 举办首届秦州大樱桃节xxx联手甘肃天水市政府 举办首届秦州大樱桃节</p> <i class="iconfont icon-xiangyoujiantou"></i> </div> </li> <li> <h1>07-14<p>2017</p></h1> <img src="./img/首页/08.png" alt=""> <div class="s_c_r"> <h2>xxx联手甘肃天水市政府 举办首届秦州大樱桃节</h2> <p>xxx联手甘肃天水市政府 举办首届秦州大樱桃节xxx联手甘肃天水市政府 举办首届秦州大樱桃节xxx联手甘肃天水市政府 举办首届秦州大樱桃节xxx联手甘肃天水市政府 举办首届秦州大樱桃节</p> <i class="iconfont icon-xiangyoujiantou"></i> </div> </li> <li> <h1>07-14<p>2017</p></h1> <img src="./img/首页/09.png" alt=""> <div class="s_c_r"> <h2>xxx联手甘肃天水市政府 举办首届秦州大樱桃节</h2> <p>xxx联手甘肃天水市政府 举办首届秦州大樱桃节xxx联手甘肃天水市政府 举办首届秦州大樱桃节xxx联手甘肃天水市政府
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPsphinx全文检索引擎8.02MB8月前
    ZIP441769547180350是男人就撑20秒【尚学堂】.zip11.77KB8月前
    ZIPTEEDTEEDTEEDTEED73.7MB8月前
    ZIPplane_game_1.0.zip28.86MB8月前
    ZIP【浏览器插件】Vue Telescope.zip1.37MB8月前
    ZIP【浏览器插件】股票提醒助手.zip268.4KB8月前
    ZIP【浏览器插件】文案门 小插件.zip249.37KB8月前
    ZIP【浏览器插件】React1s.zip170.52KB8月前