![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端项目
平安喜乐Alice
放弃不难,但坚持一定很酷。
展开
-
注册登陆页面
效果图 1、 HTML搭建框架,前端页面显示 2、 css设置样式,鼠标获得焦点文本框显示阴影 3、 js,使用正则表达式验证 用户名 /^[0-9a-zA-Z_]{6,18}$/ 密码 /^\S{6,20}$/ 姓名 /^[\u4e00-\u9fa5]{2,5}$/ 身份证 /^[1234568]\d{16}[0-9xX]$/ 邮箱 /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; 手机号 /^1([358][0-9]|4原创 2020-09-22 09:21:08 · 632 阅读 · 2 评论 -
简易计算器项目
项目需求 使用html写出计算器的框架,设置最上方的文本框,显示但不可输入。 使用css设置结构样式,设置宽高位置,背景颜色,字体大小等 使用js封装函数,实现计算器的加减乘除,清零,清屏等。 点击数字显示 点击c,清零 点击“=”号,显示计算结果 点击“+/-”号,显示数字的相反数 点击“←”,回退键 点击d,跳转到其他页面 判断文本框是否为空 效果图 html部分 <!DOCTYPE html> <html lang="e.原创 2020-09-22 09:13:55 · 459 阅读 · 0 评论 -
油画商城项目
项目需求 一、主页面 logo:css设置位置和浮动 菜单栏:无序列表,列表样式为none,隐藏,js鼠标事件,鼠标滑入显示,滑出隐藏 登录注册跳转,css设置位置浮动 banner区:css设置样式 5. 商品展示区:设置整体的位置大小。 图片宽度360像素,间隔60像素 标题 h3标签,设置颜色,设置外边距 正文 p标签,字体大小颜色,间距,两端对齐,设置外边距 价格 颜色,位置,编剧,宽高 购物车 图片缩小,添加背景颜色,圆角,宽高,浮动,边距 6. 页码区,使..原创 2020-09-12 09:11:32 · 467 阅读 · 2 评论