HTML5期末大作业:时尚服装购物网站设计——时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装
文章目录
HTML5期末大作业:时尚服装购物网站设计——时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装一、作品展示二、文件目录三、代码实现四、获取更多源码一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>管理收货地址</title><link rel="stylesheet" href="css/base.css" type="text/css" /><link rel="stylesheet" href="css/shop_common.css" type="text/css" /><link rel="stylesheet" href="css/shop_header.css" type="text/css" /><link rel="stylesheet" href="css/shop_manager.css" type="text/css" /><link rel="stylesheet" href="css/shop_shdz_835.css" type="text/css" /><script type="text/javascript" src="js/jquery.js" ></script><script type="text/javascript" src="js/topNav.js" ></script></head><body><!-- Header -wll-/03/24 --><div class="shop_hd"><!-- Header TopNav --><div class="shop_hd_topNav"><div class="shop_hd_topNav_all"><!-- Header TopNav Left --><div class="shop_hd_topNav_all_left"><p>您好,欢迎来到<b><a href="/">ShopCZ商城</a></b>[<a href="">登录</a>][<a href="">注册</a>]</p></div><!-- Header TopNav Left End --><!-- Header TopNav Right --><div class="shop_hd_topNav_all_right"><ul class="topNav_quick_menu"><li><div class="topNav_menu"><a href="#" class="topNavHover">我的商城<i></i></a><div class="topNav_menu_bd" style="display:none;" ><ul><li><a title="已买到的商品" target="_top" href="#">已买到的商品</a></li><li><a title="个人主页" target="_top" href="#">个人主页</a></li><li><a title="我的好友" target="_top" href="#">我的好友</a></li></ul></div></div></li><li><div class="topNav_menu"><a href="#" class="topNavHover">卖家中心<i></i></a><div class="topNav_menu_bd" style="display:none;"><ul><li><a title="已售出的商品" target="_top" href="#">已售出的商品</a></li><li><a title="销售中的商品" target="_top" href="#">销售中的商品</a></li></ul></div></div></li><li><div class="topNav_menu"><a href="#" class="topNavHover">购物车<b>0</b>种商品<i></i></a><div class="topNav_menu_bd" style="display:none;"><!--<ul><li><a title="已售出的商品" target="_top" href="#">已售出的商品</a></li><li><a title="销售中的商品" target="_top" href="#">销售中的商品</a></li></ul>--><p>还没有商品,赶快去挑选!</p></div></div></li><li><div class="topNav_menu"><a href="#" class="topNavHover">我的收藏<i></i></a><div class="topNav_menu_bd" style="display:none;"><ul><li><a title="收藏的商品" target="_top" href="#">收藏的商品</a></li><li><a title="收藏的店铺" target="_top" href="#">收藏的店铺</a></li></ul></div></div></li><li><div class="topNav_menu"><a href="#">站内消息</a></div></li></ul></div><!-- Header TopNav Right End --></div><div class="clear"></div></div><div class="clear"></div><!-- Header TopNav End --><!-- TopHeader Center --><div class="shop_hd_header"><div class="shop_hd_header_logo"><h1 class="logo"><a href="/"><img src="images/logo.png" alt="ShopCZ" /></a><span>ShopCZ</span></h1></div><div class="shop_hd_header_search"><ul class="shop_hd_header_search_tab"><li id="search" class="current">商品</li><li id="shop_search">店铺</li></ul><div class="clear"></div><div class="search_form"><form method="post" action="index.php"><div class="search_formstyle"><input type="text" class="search_form_text" name="search_content" value="搜索其实很简单!" /><input type="submit" class="search_form_sub" name="secrch_submit" value="" title="搜索" /></div></form></div><div class="clear"></div><div class="search_tag"><a href="">李宁</a><a href="">耐克</a><a href="">Kappa</a><a href="">双肩包</a><a href="">手提包</a></div></div></div><div class="clear"></div><!-- TopHeader Center End --><!-- Header Menu --><div class="shop_hd_menu"><!-- 所有商品菜单 --><div id="shop_hd_menu_all_category" class="shop_hd_menu_all_category"><!-- 首页去掉 id="shop_hd_menu_all_category" 加上clsss shop_hd_menu_hover --><div class="shop_hd_menu_all_category_title"><h2 title="所有商品分类"><a href="javascript:void(0);">所有商品分类</a></h2><i></i></div><div id="shop_hd_menu_all_category_hd" class="shop_hd_menu_all_category_hd"><ul class="shop_hd_menu_all_ca<a href="">招聘英才</a>|<a href="">广告合作</a>|<a href="">关于ShopCZ</a>|<a href="">关于我们</a></p></div><div class="shop_footer_copy"><p>Copyright - itcast Inc.,All rights reserved.</p></div></div><!-- Footer End --><script type="text/javascript">jQuery(function(){jQuery("#new_add_shdz_btn").toggle(function(){jQuery("#new_add_shdz_contents").show(500);},function(){jQuery("#new_add_shdz_contents").hide(500);});});</script></body></html>
四、获取更多源码
~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号 获取更多源码
HTML+CSS+JS期末大作业:时尚服装购物网站设计——时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装
如果觉得《HTML+CSS+JS期末大作业:时尚服装购物网站设计——时尚服装购物商城(16页) 关于时尚》对你有帮助,请点赞、收藏,并留下你的观点哦!