学生网页作业商城网站设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品 商城网页设计作业模板 学生网页制作源代码下载
2024-06-04 20:34:07
HTML5期末大作业：商城网站设计——男女装商城-功能齐全(40页)
文章目录
- HTML5期末大作业：商城网站设计——男女装商城-功能齐全(40页)
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、学习资料
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>我的账户-用户中心</title>
<meta name="keywords" content="DeathGhost" />
<meta name="description" content="DeathGhost" />
<meta name="author" content="DeathGhost,deathghost@deathghost.cn">
<link rel="icon" href="images/icon/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/style.css" /><script src="js/html5.js"></script>
<script src="js/jquery.js"></script>
<script>
$(document).ready(function(){$("nav .indexAsideNav").hide();$("nav .category").mouseover(function(){$(".asideNav").slideDown();});$("nav .asideNav").mouseleave(function(){$(".asideNav").slideUp();});//测试效果$("#chongzhi").click(function(){$(".sums").show();$(".sums input").attr("placeholder","输入充值金额")$(".group_btn").val("立即充值");});$("#tixian").click(function(){$(".sums").show();$(".sums input").attr("placeholder","输入提现金额")$(".group_btn").val("立即提现");});
});
</script>
</head>
<body>
<!--header-->
<header><!--topNavBg--><div class="topNavBg"><div class="wrap"><!--topLeftNav--><ul class="topLtNav"><li><a href="login.html" class="obviousText">亲，请登录</a></li><li><a href="register.html">注册</a></li><li><a href="#">移动端</a></li></ul><!--topRightNav--><ul class="topRtNav"><li><a href="user.html">个人中心</a></li><li><a href="cart.html" class="cartIcon">购物车<i>0</i></a></li><li><a href="favorite.html" class="favorIcon">收藏夹</a></li><li><a href="user.html">商家中心</a></li><li><a href="article_read.html" class="srvIcon">客户服务</a></li><li><a href="union_login.html">联盟管理</a></li></ul></div></div><!--logoArea--><div class="wrap logoSearch"><!--logo--><div class="logo"><h1><img src="picture/logo.png"/></h1></div><!--search--><div class="search"><ul class="switchNav"><li class="active" id="chanpin">产品</li><li id="shangjia">商家</li><li id="zixun">搭配</li><li id="wenku">文库</li></ul><div class="searchBox"><form><div class="inputWrap"><input type="text" placeholder="输入产品关键词或货号"/></div><div class="btnWrap"><input type="submit" value="搜索"/></div></form><a href="#" class="advancedSearch">高级搜索</a></div></div></div><!--nav--><nav>
<ul class="wrap navList">
<li class="category">
<a>全部产品分类</a>
<dl class="asideNav indexAsideNav">
<dt><a href="channel.html">女装</a></dt>
<dd>
<a href="#">夏装新</a>
<a href="#">连衣裙</a>
<a href="#">T恤</a>
<a href="#">衬衫</a>
<a href="#">裤子</a>
<a href="#">牛仔裤</a>
<a href="#">背带裤</a>
<a href="#">短外套</a>
<a href="#">时尚外套</a>
<a href="#">风衣</a>
<a href="#">毛衣</a>
<a href="#">背心</a>
<a href="#">吊带</a>
<a href="#">民族服装</a>
</dd>
<dt><a href="channel.html">男装</a></dt>
<dd>
<a href="#">衬衫</a>
<a href="#">背心</a>
<a href="#">西装</a>
<a href="#">POLO衫</a>
<a href="#">马夹</a>
<a href="#">皮衣</a>
<a href="#">毛衣</a>
<a href="#">针织衫</a>
<a href="#">牛仔裤</a>
<a href="#">外套</a>
<a href="#">夹克</a>
<a href="#">卫衣</a>
<a href="#">风衣</a>
<a href="#">民族风</a>
<a href="#">原创设计</a>
<a href="#">大码</a>
<a href="#">情侣装</a>
<a href="#">开衫</a>
<a href="#">运动裤</a>
<a href="#">工装裤</a>
</dd>
</dl>
</li>
<li>
<a href="index.html" class="active">首页</a>
</li>
<li>
<a href="#">时尚搭配</a>
</li>
<li>
<a href="channel.html">原创设计</a>
</li>
<li>
<a href="channel.html">时尚代购</a>
</li>
<li>
<a href="channel.html">民族风</a>
</li>
<li>
<a href="information.html">时尚搭配</a>
</li>
<li>
<a href="library.html">搭配知识</a>
</li>
<li>
<a href="#">促销专区</a>
</li>
<li>
<a href="#">其他</a>
</li>
</ul>
</nav></header><script>$(document).ready(function(){//测试效果，程序对接如需变动重新编辑$(".switchNav li").click(function(){$(this).addClass("active").siblings().removeClass("active");});$("#chanpin").click(function(){$(".inputWrap input[type='text']").attr("placeholder","输入产品关键词或货号");});$("#shangjia").click(function(){$(".inputWrap input[type='text']").attr("placeholder","输入商家店铺名");});$("#zixun").click(function(){$(".inputWrap input[type='text']").attr("placeholder","输入关键词查找文章内容");});$("#wenku").click(function(){$(".inputWrap input[type='text']").attr("placeholder","输入关键词查找文库内容");});});</script><section class="wrap user_center_wrap"><!--左侧导航--><aside class="user_aside_nav"><dl><dt>买家中心</dt><dd><a href="order_list.html">我的订单</a></dd><dd><a href="price_list.html">我的询价单</a></dd><dd><a href="favorite.html">我的收藏</a></dd><dd><a href="address.html">我的地址库</a></dd></dl><dl><dt>商家管理中心</dt><dd><a href="authenticate.html">我要开店</a></dd><dd><a href="setting.html">店铺设置</a></dd><dd><a href="seller_product_list.html">商品列表</a></dd><dd><a href="seller_order_list.html">订单列表</a></dd><dd><a href="offer_list.html">询价单</a></dd></dl><dl><dt>控制面板</dt><dd><a href="message.html">站内短消息</a></dd><dd><a href="account.html">资金管理</a></dd><dd><a href="profile.html">个人资料</a></dd><dd><a href="change_password.html">修改密码</a></dd></dl></aside><!--右侧：内容区域--><div class="user_rt_cont"><div class="top_title"><strong>资金管理</strong></div><dl class="user_account"><dt>账户余额：</dt><dd><strong class="rmb_icon">0.00</strong><a class="link_btn" id="chongzhi">充值</a><a class="link_btn" id="tixian">提现</a><span class="sums"><label>充值金额：<input type="text" class="textbox"/>元</label><input type="button" value="确认按钮" class="group_btn"/></span></dd></dl><table class="order_table"><caption><span class="fl">资金变动明细</span></caption><tr><th>类型</th><th>交易金额</th><th>当前余额</th><th>交易时间</th><th>操作</th></tr><tr><td class="center">充值</td><td class="center"><strong class="rmb_icon">58.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">充值完成！</td></tr><tr><td class="center">提现</td><td class="center"><strong class="rmb_icon">129.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">等待处理！</td></tr><tr><td class="center">订单：201301151702</td><td class="center"><strong class="rmb_icon">129.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">交易完成！</td></tr><tr><td class="center">充值</td><td class="center"><strong class="rmb_icon">58.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">充值完成！</td></tr><tr><td class="center">提现</td><td class="center"><strong class="rmb_icon">129.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">等待处理！</td></tr><tr><td class="center">订单：201301151702</td><td class="center"><strong class="rmb_icon">129.00</strong></td><td class="center"><span class="rmb_icon">2359.00</span></td><td class="center"><time>2013-01-15 16:59:21</time></td><td class="center">交易完成！</td></tr></table><!--分页--><div class="paging"><a>第一页</a><a class="active">2</a><a>3</a><a>...</a><a>89</a><a>最后一页</a></div></div>
</section>
<!--footer-->
<footer><!--help--><ul class="wrap help"><li><dl><dt>消费者保障</dt><dd><a href="article_read.html">保障范围</a></dd><dd><a href="article_read.html">退换货流程</a></dd><dd><a href="article_read.html">服务中心</a></dd><dd><a href="article_read.html">更多服务特色</a></dd></dl></li><li><dl><dt>新手上路</dt><dd><a href="article_read.html">保障范围</a></dd><dd><a href="article_read.html">退换货流程</a></dd><dd><a href="article_read.html">服务中心</a></dd><dd><a href="article_read.html">更多服务特色</a></dd></dl></li><li><dl><dt>付款方式</dt><dd><a href="article_read.html">保障范围</a></dd><dd><a href="article_read.html">退换货流程</a></dd><dd><a href="article_read.html">服务中心</a></dd><dd><a href="article_read.html">更多服务特色</a></dd></dl></li><li><dl><dt>服务保障</dt><dd><a href="article_read.html">保障范围</a></dd><dd><a href="article_read.html">退换货流程</a></dd><dd><a href="article_read.html">服务中心</a></dd><dd><a href="article_read.html">更多服务特色</a></dd></dl></li></ul><dl class="wrap otherLink"><dt>友情链接</dt><dd><a href="#" target="_blank">素材网站</a></dd><dd><a href="#/pins/24448.html">HTML5模块化后台管理模板</a></dd><dd><a href="#/pins/15966.html">绿色清爽后台管理系统模板</a></dd><dd><a href="#/pins/14931.html">黑色的cms商城网站后台管理模板</a></dd><dd><a href="http://www.bootstrapmb.com" target="_blank">前端博客</a></dd><dd><a href="http://www.bootstrapmb.com" target="_blank">博客</a></dd><dd><a href="http://www.bootstrapmb.com" target="_blank">新码笔记</a></dd><dd><a href="http://www.bootstrapmb.com" target="_blank">DethGhost</a></dd><dd><a href="#">当当</a></dd><dd><a href="#">优酷</a></dd><dd><a href="#">土豆</a></dd><dd><a href="#">新浪</a></dd><dd><a href="#">钉钉</a></dd><dd><a href="#">支付宝</a></dd></dl><div class="wrap btmInfor"><p>© 2013 DeathGhost.cn 版权所有 网络文化经营许可证：浙网文[2013]***-027号 增值电信业务经营许可证：浙B2-200***24-1 信息网络传播视听节目许可证：1109***4号</p><address>联系地址：陕西省西安市雁塔区XXX号</address></div>
</footer>
</body>
</html>四、学习资料
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码
学生网页作业商城网站设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品 商城网页设计作业模板 学生网页制作源代码下载相关推荐
- HTML5期末大作业：商城网站设计——男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品 商城网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:商城网站设计--男女装商城-功能齐全(40页) HTML+CSS+JavaScript 大学生网店作品 商城网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人 ...
- HTML5期末大作业：购物商城网站设计——尤洪购物商城-功能齐全(30页) HTML+CSS+JavaScript 学生DW网页设计作业成品 实训大作业
HTML5期末大作业:购物商城网站设计--尤洪购物商城-功能齐全(30页) HTML+CSS+JavaScript 学生DW网页设计作业成品 实训大作业 常见网页设计作业题材有 个人. 美食. 公司. ...
- HTML5期末大作业：网购商城网站设计——服装商城-功能齐全(40页) HTML+CSS 学生HTML个人网页作业作品下载 个人商城网页设计制作 大学生个人网站作业模板 简单个人网页制作
HTML5期末大作业:网购商城网站设计--服装商城-功能齐全(40页) HTML+CSS 学生HTML个人网页作业作品下载 个人商城网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计 ...
- html大作业网页代码 尤洪购物商城-功能齐全(30页) HTML+CSS+JavaScript 学生DW网页设计作业成品 实训大作业
HTML5期末大作业:购物商城网站设计--尤洪购物商城-功能齐全(30页) HTML+CSS+JavaScript 学生DW网页设计作业成品 实训大作业 文章目录 HTML5期末大作业:购物商城网站设 ...
- HTML5期末大作业：京东网站设计——仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:京东网站设计--仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人. ...
- HTML5期末大作业：化妆品商城网站设计——化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业 静态网页
HTML5期末大作业:化妆品商城网站设计--化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业 静态网页 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游 ...
- HTML5期末大作业：重庆火锅网站设计——代码质量好-重庆火锅(5页) HTML+CSS+JavaScript 大学生网页制作期末作业
HTML5期末大作业:重庆火锅网站设计--代码质量好-重庆火锅(5页) HTML+CSS+JavaScript 大学生网页制作期末作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...
- DIV布局——化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业 静态网页
HTML5期末大作业:化妆品商城网站设计--化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业 静态网页 文章目录 HTML5期末大作业:化妆品商城网站设计--化妆品 ...
- 网页设计作业`京东网站设计——仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:京东网站设计--仿京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载 文章目录 HTML5期末大作业:京东网站 ...
最新文章
- vim查找/替换字符串
- 动态添加和删除 ListView 项
- python的数组怎么用_python数组的使用
- 为 Perl 定制 Vim
- 适合独自一人宅在家必追十部影片推荐下载观看
- optistruct学习
- 转自子龙山人 Objective-c的@property 详解
- Perl教程-1.Perl简介
- 基于JMP的独立样本t检验、配对t检验、单样本t检验
- ios弧形进度条_iOS圆形进度条
- Data Modle:游戏对战模型
- [转]AJAX基础教程
- dellwin10无法自动修复此计算机,处理win10系统无法自动修复此计算机的办法
- Windows 底下安装 git Server: Bonobo Git Server
- 计算机维修套装推荐,工欲善其事，必先利其器---iFixit 54 Bit Driver Kit 维修工具套装...
- 【mysql】设置mysql默认密码
- 求两个整数的商和余数(不用乘,除,取余)计算
- Codeforces Round #619 (Div. 2)
- 奶牛易物小组 Alpha冲刺
- jquery转义html字符串,使用jQuery转义HTML字符串