300字范文 > html期末作业代码网页设计——化妆品电商网站(4页) HTML+CSS+JavaScript 使用html+c

html期末作业代码网页设计——化妆品电商网站(4页) HTML+CSS+JavaScript 使用html+c

时间：2024-06-04 01:22:01

HTML5期末大作业：化妆品电商网站设计——化妆品电商网站(4页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：化妆品电商网站设计——化妆品电商网站(4页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）作品介绍一、作品展示二、文件目录三、代码实现四、获取更多源码五、学习资料六、更多源码

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="../css/zhuce1.css" rel="stylesheet"/><title>注册</title></head><body bgcolor="#EDEDED"><div class="top"><div class="top-content"><div class="top-left"><p><a href="#">欢迎来到主页</a>【<a href="登录.html">登录</a>/<a href="#">注册</a>】</p></div><div class="top-right"><ul class="top-right-menu"><li class="top1"><a href="登录.html">用户中心 |</a><div class="yonghu"><a href="#" target="_blank">个人中心</a><br/><a href="#" target="_blank">我的足迹</a><br/></div></li> <li><a href="#">我的购物车 |</a></li><li><a href="#">公告中心 |</a></li><li class="top4"><a href="#">我的收藏 |</a><div class="dianpu"><a href="#" target="_blank">收藏宝贝</a><br/><a href="#" target="_blank">收藏店铺</a><br/></div></li><li class="kefu"><a href="#">在线客服</a></li></ul></div></div><div class="clear"></div></div><div class="header"><div class="header-logo"><a href="主页.html"><img src="../img/logo.png" width="350"></a></div><div class="header-wai"><ul><li><h1>|</h1></li><li><h2>用户注册</h2></li></ul> </div></div><div class="heng"><div class="hengxian"></div></div><div class="content"><div class="content-biao"><h2>用户注册</h2><div zhuce-biao><form action=""><div class="all"><div class="yonghu-zhanghao"><p>用户账号:</p><input type="textinput" name="username" size="35" width="250" class="zh" value placeholder="邮箱/手机号码/用户名" id="text"></div><div class="denglu-mima"><p>登录密码:</p><input type="passwordinput" size="35" width="250" class="mm" id="password" placeholder="请设置密码"></div><div class="queren-mima"><p>确认密码:</p><input type="passwordinput" size="35" width="250" class="cmm" id="passwordRepeat" placeholder="重复输入密码"></div><div class="xieyi"><input type="checkbox">已阅读同意<a href="#">协议</a></div><div class="submit"><button type="submit" class="submit1" id="submit" onClick="mr()"><span>注册</span></button></div></div> </form></div></div></div><br/><br/><br/><br/><div class="heng2"><div class="hengxian2"></div></div><footer><div class="end"><div class="biaoqian"><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><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="heng2"><div class="hengxian2"></div></div><div class="end_copyright"><p>©悦享版所有备案号：粤ICP备16018394号-1<br/>广东科学职业技术学院</p><img src="../img/hyhs_03 - 副本.png" alt="" /></div></div></footer></body><script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script><script type="text/javascript" src="jquery.scrollTo.js"></script><script type="text/javascript">$(document).ready(function(){$('.yonghu').hide();$('.top1').mousemove(function(){$('.yonghu').slideDown(500);});$('.top').mouseleave(function(){$('.yonghu').stop(true,false).slideUp();});$('.dianpu').hide();$('.top4').mousemove(function(){$('.dianpu').slideDown(500);});$('.top-right').mouseleave(function(){$('.dianpu').stop(true,false).slideUp();});});</script><script>function mr(){var text=document.getElementById('text');var password=document.getElementById('password');var passwordRepeat=document.getElementById('passwordRepeat');if(text.value===''|| text.value===null){alert("账号不能为空！");return;}if(password.value===''|| password.value===null){alert("密码不能为空！");return;}if(passwordRepeat.value===''|| passwordRepeat.value===null){alert("重复密码不能为空！");return;}if(password.value!==passwordRepeat.value){alert("密码前后设置不一致！");return;}alert("注册成功！");}</script></html>