HTML+CSS+JS商城网站设计——蛋糕团购商城模板 (4页) 蛋糕团购网页设计制作 简单静态HTML网页作品 商城网页作业成品 网购网站模板
HTML5期末大作业:蛋糕团购商城网站设计——蛋糕团购商城模板 (4页) 蛋糕团购网页设计制作 简单静态HTML网页作品 商城网页作业成品
一、作品展示
二、文件目录
三、代码实现
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>商品咨询</title>
<link rel="stylesheet" type="text/css" href="css/vipcenter.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/public.js"></script>
</head><body>
<!--个人中心首页 -->
<div class="thetoubu"><!--头部--><div class="thetoubu1"><b><img src="img/touxiang.png"/></b><em>czz1994612</em><em>欢迎来到会员中心</em><a href="#">地址管理</a><a href="#">修改资料</a><h5>账户安全</h5><strong>低</strong><span><p style=" width:27%"></p></span><a href="#">安全等级提升</a><em style=" padding-right:2px">手机</em><a href="#" style=" padding-left:2px; float:left; display:block; color:#f00" title="点击绑定">未绑定</a></div><!--详细列表--><div class="xiangxilbnm"><!--left--><div class="liefyu"><h2>交易管理</h2><div class="conb"><a href="#">我的购物车</a><a href="#">虚拟兑换订单</a><a href="#">我的收藏</a><a href="#">交易评价/晒单</a><a href="#">账户余额</a><a href="#">我的积分</a><a href="#">我的代金卷</a></div><h2>客户服务</h2><div class="conb"><a href="#">退款及退货</a><a href="#">交易投诉</a><a href="#">商品咨询</a><a href="#">违规举报</a><a href="#">平台客服</a><a href="#">商家入驻</a></div><h2>资料管理</h2><div class="conb"><a href="#">账户信息</a><a href="#">账户安全</a><a href="#">收货地址</a><a href="#">我的消息</a><a href="#">我的好友</a><a href="#">我的足迹</a><a href="#">第三方账号登录</a><a href="#">分享绑定</a></div></div><script type="text/javascript">$(function(){//第一步都得写这个$(".liefyu h2").click(function(){//获取title,并且让他执行下面的函数$(this)/*点哪个就是哪个*/.next(".conb")/*哪个标题下面的con*/.slideToggle()/*打开/折叠*/.siblings/*锁定同级元素*/(".con").slideUp()/*同级元素折叠起来*/})})</script><!--right--><div class="zuirifip"><!--账户余额滴干活--><div class="locfre"><a href="#" class="zuliyesi">全部资讯</a><a href="#">未回复咨询</a><a href="#">已回复资讯</a></div><script>$(function(){$(".locfre a").click(function(){$(this).addClass("zuliyesi").siblings().removeClass("zuliyesi")})$(".feifeidg").mouseenter(function(){$(this).css({background:"#0059a7"})})$(".feifeidg").mouseleave(function(){$(this).css({background:"#006DCC"})})$(".tutudg").mouseenter(function(){$(this).css({background:"#3a9d3a"})})$(".tutudg").mouseleave(function(){$(this).css({background:"#5BB75B"})})$(".paopaodg").mouseenter(function(){$(this).css({background:"#dd7200"})})$(".paopaodg").mouseleave(function(){$(this).css({background:"#fe8300"})}) })</script><!--列表导航滴干活--><div class="zhuzhuxia"><span>商品</span><span>咨询时间</span><span>咨询内容</span><span>回复时间</span><span>状态</span></div><!--一条列表开始--><div class="zhuzhuxia"><a href="#"><span>连衣裙</span></a><span>2016-6-6 14:08</span><span>真的还是假的</span><span>空</span><span>未回复</span></div><!--一条列表结束--><!--一条列表开始--><div class="zhuzhuxia"><a href="#"><span>连衣裙</span></a><span>2016-6-6 14:08</span><span>真的还是假的</span><span>2016-6-6 14:09</span><span>已回复</span></div><!--一条列表结束--></div><!--right结束--></div><!--详细列表结束-->
</div>
<!--个人中心结束-->
</body>
</html>
四、获取更多源码
~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号 获取更多源码
HTML+CSS+JS商城网站设计——蛋糕团购商城模板 (4页) 蛋糕团购网页设计制作 简单静态HTML网页作品 商城网页作业成品 网购网站模板相关推荐
- HTML5期末大作业:蛋糕团购商城网站设计——蛋糕团购商城模板 (4页) 蛋糕团购网页设计制作 简单静态HTML网页作品 商城网页作业成品 网购网站模板
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军事. ...
- div+css静态网页设计 电商购物网站设计(55页) 电商网页设计制作 简单静态HTML网页作品 购物网页作业成品 学生商城网站模板
HTML5期末大作业:电商购物网站设计--电商购物网站设计(55页) 电商网页设计制作 简单静态HTML网页作品 购物网页作业成品 学生商城网站模板 文章目录 HTML5期末大作业:电商购物网站设计- ...
- HTML5期末大作业:商城网站设计——仿团购商城(1页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页Dreamwe
HTML5期末大作业:商城网站设计--仿团购商城(1页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页Dreamwe ...
- HTML5期末大作业:品优购网站设计——品优购 (3页) HTML+CSS+JavaScript 大学生网购网页作品商城网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:品优购网站设计--品优购 (3页) HTML+CSS+JavaScript 大学生网购网页作品商城网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人. 美食. ...
- TML5期末大作业:红色自适应网上鲜花网站设计——浪漫红色自适应网上鲜花店(16页) HTML+CSS+JavaScript 大学生鲜花网页作品 植物网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:红色自适应网上鲜花网站设计--浪漫红色自适应网上鲜花店(16页) HTML+CSS+JavaScript 大学生鲜花网页作品 植物网页设计作业模板 学生网页制作源代码下载 常见网 ...
- 期末作业代码网页设计代码——网站商城后台通用模板(30页) 大学生后台模板网页作品商城网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:商城后台网站设计--网站商城后台通用模板(30页) 大学生后台模板网页作品商城网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅 ...
- HTML5期末大作业:电商购物网站设计——电商购物网站设计(55页) 电商网页设计制作 简单静态HTML网页作品 购物网页作业成品 学生商城网站模板
HTML5期末大作业:电商购物网站设计--电商购物网站设计(55页) 电商网页设计制作 简单静态HTML网页作品 购物网页作业成品 学生商城网站模板 常见网页设计作业题材有 个人. 美食. 公司. 学 ...
- HTML5期末大作业:电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:电影网站设计--电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 ...
- HTML5期末大作业:网购网站设计——品优购(4页) HTML+CSS+JavaScript 大学生网购网页设计模板代码 学生简单购物网站设计成品
HTML5期末大作业:网购网站设计--品优购(4页) HTML+CSS+JavaScript 大学生网购网页设计模板代码 学生简单购物网站设计成品 常见网页设计作业题材有 个人. 美食. 公司. 学校 ...
最新文章
- Reddit热点 | 想看被打码的羞羞图片怎么办?CNN帮你解决
- poj3171(dp + 线段树)
- JPA中实现双向一对一的关联关系
- WEBTIMER控件研究的心得:丢开书本做一个WebTimer
- WebSphere Application Server 5.0在Linux平台上中文界面乱码问题的解决
- openglshader实现虚拟场景_云桌面,实现办公终端的统一管理与运维
- 睡眠声音识别中的准确率问题(二)--测试结果及分析
- DataGridView绑定对象数组 c# 1614236580
- __setattr__,__getattr__,__getattribute__
- SplitContainer如何实现左导航,右显示与导航相关内容
- 8 SystemVerilog语言编写UART发送
- Office文档转pdf和图片之NodeJS
- c语言构造数学模型步骤,数学建模的6个基本步骤
- Win10操作系统下,如何打开DOS窗口(图文教程)
- Smartdrv在安装操作系统中的作用
- 考研日语线上笔记(五):中级日语语法总结20课(11~20)
- 小米9SE CC9小米8小米6X小米mix2s红米note7Pro小米9红米note8Pro 红米note8等移除ID 解账户锁教程
- 详解redis高级特性和工作原理
- 虚幻Material
- java八音盒_基于汇编语言的音乐盒设计与实现
热门文章
- 单摆matlab建模,用matlab求解单摆模型
- 博士申请 | 香港浸会大学杨任驰老师招收大数据技术方向全奖博士生
- java实现数字签名算法
- python在查询sqlServer中numeric类型时出现形如0e-8问题
- EXCEL--2010单元格里下拉菜单的制作
- 符咒AA4属性转移模块
- 计算机管理中可移动磁盘无内容,u盘不显示可移动磁盘-电脑插入U盘后不显示可移动磁盘,磁盘管理打不开...
- Python美股量化交易填坑记录——13b.Vegas隧道交易机器人(实盘记录)
- lnmp mysql my.cnf_LNMP环境搭建-mysql
- 连接SSH失败的原因以及方法