医疗挂号系统

来源:互联网 发布:淘宝店铺修改密码 编辑:程序博客网 时间:2024/04/28 12:08

发现自己写得最多的项目是医疗系统,下面展示一个本科上的一门课的作业,由于之前写的博客基本都把各个部分的代码展示了一次,这次就不再重复,就只展示实现后的页面和我觉得有意思的东西的代码。
登录界面:
这里写图片描述
有一点现代化的风格,不过就是图片太大了,加载得有点慢。实现的代码:
这里写图片描述
注册页面:
这里写图片描述
登录后:
这里写图片描述
这里有个图片在鼠标移上去和移开有变大变小的效果,如:
这里写图片描述
通过在页面上放六张图片,其中有三张小的是显示的,三张大的是隐藏的,当鼠标移上去时一张图片变成隐藏,而那张被放大后的图片就变成显示,移开时,大的变成隐藏,小的变成显示。实现代码如下:
这里写图片描述
至于为什么还要修改下一个元素的上边距,那是因为图片放大后下一个元素会相应的被挤下去了,所以必须重新改一下下面的元素的上边距,从而不会造成排版的变化。
接下来是挂号系统页面:
这里写图片描述
当然,上面那些科的图片也是可以变大缩小的,就不再说一遍了。
预约挂号:
这里写图片描述
上面的名字都是闹着玩的,不过这个系统从用PS美工到前端页面设计再到一些功能动画的实现都是我一个人从无到有实现的,也是挺锻炼人的。具体代码可以在评论上留言问我要,或者等我之后把GitHub弄好再上传代码。

原创粉丝点击