HTML5期末大作业:零售食品商城网站设计——零售食品商城网站(5页) HTML+CSS+JavaScript
文章目录
HTML5期末大作业:零售食品商城网站设计——零售食品商城网站(5页) HTML+CSS+JavaScript一、作品展示二、文件目录三、代码实现四、获取更多源码一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>吃喝玩乐</title><link href="statics/themes/common.css" rel="stylesheet" type="text/css" /><link href="statics/themes/shopping.css" rel="stylesheet" type="text/css" /><script src="statics/scripts/jquery-1.7.1.min.js" type="text/javascript"></script><script src="statics/scripts/common.js" type="text/javascript"></script><script>$(function(){imgChange(); })</script></head><body id="gotop"><!-- 顶栏 =========未登录==========--><div class="topbar"><div class="top"><div class="area fl"><ul class="areaList"><li class="login">你好![ <a href="###">登录</a> ] [ <a href="###"> 注册 </a> ] </li>已售<b class="orange">500</b>件</div><span class="f14 orange">¥</span><b class="f24 orange">198.00</b><s>¥313.00</s></div></li> </ul></div></div></div><div class="Guide"><dl class="fore1" style=" float:left;"><dt><b></b><strong>购物指南</strong></dt><dd><ul><li><a target="_blank" href="#">购物流程</a></li><li><a target="_blank" href="#">会员介绍</a></li><li><a target="_blank" href="#">团购/机票</a></li><li><a target="_blank" href="#">常见问题</a></li><li><a target="_blank" href="#">关于凤城通</a></li><li><a target="_blank" href="#">联系客服</a></li></ul></dd></dl><dl class="fore2" style=" float:left;"><dt><b></b><strong>配送方式</strong></dt><dd><ul><li><a target="_blank" href="#">上门自提</a></li><li><a target="_blank" href="#">24小时极速达</a></li><li><a target="_blank" href="#">配送服务查询</a></li><li><a target="_blank" href="#">配送费收取标准</a></li></ul></dd></dl><dl class="fore3" style=" float:left;"><dt><b></b><strong>支付方式</strong></dt><dd><ul><li><a target="_blank" href="#">货到付款</a></li><li><a target="_blank" href="#">在线支付</a></li><li><a target="_blank" href="#">分期付款</a></li><li><a target="_blank" href="#">邮局汇款</a></li><li><a target="_blank" href="#">公司转账</a></li></ul></dd></dl><dl class="fore4" style=" float:left;"><dt><b></b><strong>售后服务</strong></dt><dd><ul><li><a target="_blank" href="#">售后政策</a></li><li><a target="_blank" href="#">价格保护</a></li><li><a target="_blank" href="#">退款说明</a></li><li><a target="_blank" href="#">返修/退换货</a></li><li><a target="_blank" href="#">取消订单</a></li></ul></dd></dl></div><!-- footer --><div class="footer"><div class="foot-nav"><ul><li><a href="#">关于我们</a></li><li>|</li><li><a href="#">联系我们</a></li><li>|</li><li><a href="#">人才招聘</a></li><li>|</li><li><a href="#">商家入驻</a></li><li>|</li><li><a href="#">广告服务</a></li><li>|</li><li><a href="#">友情链接</a></li></ul></div><div class="copyright">广东省广州市公安局朝阳分局备案编号1101050146XX | 粤ICP证0703XX号网络文化经营许可证粤网文[]0168-0XX号 <b>Copyright ©-</b> 凤城通版权所有</div><div class="authentication"><a target="_blank" href="#"><img width="108" height="40" alt="经营性网站备案中心" src="statics/images/107.gif" class="err-product"></a><a target="_blank" tabindex="-1" href="#"><img width="108" height="40" alt="可信网站" src="statics/images/108.gif" class="err-product"></a><a target="_blank" href="#"><img width="108" height="40" alt="朝阳网络警察" src="statics/images/109.png" class="err-product"></a><a target="_blank" href="#"><img width="112" height="40" src="statics/images/120.png" class="err-product"></a></div></div><!-- =========快捷电梯==========--><div class="lift"><a href="#f1"><b>1F</b><span>1F<br>美食</span></a><a href="#f2"><b>2F</b><span>2F<br>电影</span></a><a href="#f3"><b>3F</b><span>3F<br>美食</span></a><a href="#f4"><b>4F</b><span>4F<br>电影</span></a><a href="#f5"><b>5F</b><span>5F<br>美食</span></a><a href="#gotop"><div class="gotop"></div></a></div></body></html>
四、获取更多源码
~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号 获取更多源码
如果觉得《静态HTML网页设计作品`零售食品商城网站(5页) HTML+CSS+JavaScript 网站设计源代码制作素材成品》对你有帮助,请点赞、收藏,并留下你的观点哦!