资源简介

该个人网站一共有8个页面。首先博客的登录界面login.html:是利用html5和css3结合写出的一个超炫酷的页面,根据canvas粒子制作出背景具有动态的效果。登陆后根据存入数据进行比对,对其用户名、密码、验证码验证,只有通过验证后才能登录成功并且验证成功后可以达到全屏的效果。每一个页面分为footer body和footer三部分组成。头部主要就是标题栏,尾部是页脚,中间就是主题内容。index.html主页:主要就利用js焦点滚动式轮播插入图片和文字自行进行翻页,其他主要利用div和css进行控制每一个内容框。利用链接跳转到相对应的内容上。可以根据标题、标签、关键字等点击到另一个内容,图片和文字进行有个布局达到图文环绕的布局。再然后,就是 关于about.html页面:博主简介利用jquery焦点缩略图轮播滚动类似选项卡滑动切换。可以自动展现不同的图片。其次,是成长页面about.html:是博主对未来的美好未来的期待,利用bootstrap响应式布局进行布局,图片和文章不同布局相结合,是整体更协调。再其次,是娱乐fun.html页面,利用CSS3 transform当鼠标悬停到照片上时,图片具有放大特效,主要利用css3中scale()和rotate()进行旋转和缩放。接下来是说说moodlist.html:个人心情页面,博主可以发一些类似于微信或qq心情说说,具有时间年轮的效果,当鼠标放上某一个时具有高亮的效果。最后是留言comment.html页面,可以通过给博主留言。给博主一些意见,该留言可以有表情添加,留言框带有头像。

资源截图

代码片段和文件信息

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     目录           0  2018-06-26 10:37  个人博客\
     文件        8119  2018-06-22 20:54  个人博客\about.html
     文件       10790  2018-06-23 21:06  个人博客\article.html
     文件       15034  2018-06-23 21:06  个人博客\article_detail.html
     目录           0  2018-06-26 10:37  个人博客\blog\
     目录           0  2018-06-26 10:37  个人博客\blog\bootstrap\
     目录           0  2018-06-26 10:37  个人博客\blog\bootstrap\css\
     文件       26719  2018-01-18 11:58  个人博客\blog\bootstrap\css\bootstrap-theme.css
     文件       47706  2018-01-18 11:58  个人博客\blog\bootstrap\css\bootstrap-theme.css.map
     文件       23414  2018-01-18 11:58  个人博客\blog\bootstrap\css\bootstrap-theme.min.css
     文件       25648  2018-01-18 11:58  个人博客\blog\bootstrap\css\bootstrap-theme.min.css.map
     文件      152767  2018-01-18 11:58  个人博客\blog\bootstrap\css\bootstrap.css
     文件      389287  2018-01-18 11:58  个人博客\blog\bootstrap\css\bootstrap.css.map
     文件      152692  2018-05-14 13:29  个人博客\blog\bootstrap\css\bootstrap.min.css
     文件      542194  2018-01-18 11:58  个人博客\blog\bootstrap\css\bootstrap.min.css.map
     目录           0  2018-06-26 10:37  个人博客\blog\bootstrap\fonts\
     文件       20127  2018-01-18 11:58  个人博客\blog\bootstrap\fonts\glyphicons-halflings-regular.eot
     文件      109025  2018-01-18 11:58  个人博客\blog\bootstrap\fonts\glyphicons-halflings-regular.svg
     文件       45404  2018-01-18 11:58  个人博客\blog\bootstrap\fonts\glyphicons-halflings-regular.ttf
     文件       23424  2018-01-18 11:58  个人博客\blog\bootstrap\fonts\glyphicons-halflings-regular.woff
     文件       18028  2018-01-18 11:58  个人博客\blog\bootstrap\fonts\glyphicons-halflings-regular.woff2
     目录           0  2018-06-26 10:37  个人博客\blog\bootstrap\js\
     文件       72084  2018-01-18 11:58  个人博客\blog\bootstrap\js\bootstrap.js
     文件       37051  2018-01-18 11:58  个人博客\blog\bootstrap\js\bootstrap.min.js
     文件         496  2018-01-18 11:58  个人博客\blog\bootstrap\js\npm.js
     文件      122305  2018-05-05 13:14  个人博客\blog\jquery.min.js
     文件        1415  2018-01-18 11:58  个人博客\blog\jquery.page.css
     文件        6756  2018-01-18 11:58  个人博客\blog\jquery.page.js
     文件        8742  2018-06-23 21:10  个人博客\comment.html
     目录           0  2018-06-26 10:37  个人博客\css\
     文件        4059  2018-05-17 16:08  个人博客\css\about.css
............此处省略184个文件信息

评论

共有 条评论