纯CSS+HTML+JS实现的简易个人网站

这是我用CSDN这么久以来第一次用它写博客，废话不多说，先上干货，下面为大家展示一下我做的简易个人网站，我是用HTML+CSS+JS实现的，没有用到后台。网站的功能页面主要有四个；
1.个人简介页面：头像360°旋转
2.个人相册页面：照片有CSS样式，可以翻转
3.个人音乐吧:可以播放音乐，可以改变进度、音量以及切歌
4.个人留言板：有验证邮箱格式功能
以下是效果图：
源码是用html+css+js写的，纯手写，绝对不存在抄袭，想要源码的小伙伴可以自行在评论区找博主的评论，百度网盘自行获取，用的时候最好用ie或者Microsoft edge打开，其他的浏览器可能歌词加载不出来

纯CSS+HTML+JS实现的简易个人网站相关推荐

HTML+CSS+原生JS写一个简易的音乐播放器（仅播放一首歌）
用HTML+CSS+原生JS写一个简易的音乐播放器(仅播放一首歌) 效果如下:(鼠标点击按钮可以实现播放或暂停,按钮会旋转,实现了歌词同步,功能还需改进) 代码如下: <!DOCTYPE htm ...
HTML中的对联代码,纯CSS(非JS)代码实现固定对联的方法超短超实用！
之前用JS实现对联漂浮,从而固定它不让它随滚动条往上移,不过用了后感觉效果不是很好,因为JS一直在计算对联的位置,然后对其移位,如果滚动条拉得快一点,对联会先出现在屏幕下方,然后在JS的作用下,移到设 ...
01超精美渐变色动态背景完整示例【CSS动效实战（纯CSS与JS动效）】
若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我,若你是真心学习可以送你书籍,指导你学习,给予你目标方向的学习路线,无套路,博客为证. 本节案例如下(其他动效篇幅原因逐步讲解,欢迎三连): 一.线 ...
实验一基于CSS+HTML+JS开发简单个人网站
目录: 实验要求实验代码 1.注册 2.登录 3.主页 4.个人简介 5.我的理想 6.我的生活 7.学习内容总结实验要求实验一基于CSS+HTML+JS开发简单个人网站实验学时:4 ...
关于注入(css/c.js)
这几天朋友的网站天天被搞破坏的人恶意注入,也许是程序没写好的原因,数据库每个字段加了一段script(<Script Src=http://%63%2Enuclear3.com/css/c.js ...
html css 水平时间轴,纯css+js水平时间轴
自定义,并自动加载时间节点当前时间节点居中,突出显示时间动态无痕添加效果图: 初始状态时间左走到一定2016.1月后 html: + - 对应 JS 设置处理: var left = docu ...
[css] 除了可以用js跟踪用户信息外，如果不用js，使用纯css怎么做呢？
[css] 除了可以用js跟踪用户信息外,如果不用js,使用纯css怎么做呢? 可以利用 css 的伪类 :hover :active :focus 之类的监听用户行为,然后给指定的url 发送请求. ...
html、css、js实现简易计算器
学习HTML,CSS,JS一个月后,想着能自己是否能写出一个简单的东西,故编写了简易的计算器,之前也写过一个坦克大战,坦克大战的有些基本功能没有实现, 故也没有记录下来,想来,对这行初来咋到的,还是需 ...
HTML制作手风琴效果,纯js+html和纯css+html制作手风琴效果，css手风琴
纯js+html和纯css+html制作手风琴效果,css手风琴本文分享了纯js+html制作手风琴和纯css+html制作手风琴两种效果,供大家参考,具体内容如下一.纯css+html的手风琴效 ...

纯CSS+HTML+JS实现的简易个人网站

纯CSS+HTML+JS实现的简易个人网站

纯CSS+HTML+JS实现的简易个人网站相关推荐

最新文章

热门文章