简单写写我的个人简历
前段时间花了一个星期用HTML+CSS+JavaScript简单做了一下自己的个人简历网页版,也算是对自己学的基础知识来了一个总结和查漏吧,部分效果使用了其他库比如JQuery、animate.css和Typed.js。
以蓝白色为基础,可能不合大家的口味,就将就看看吧。
首页部分:
包括了顶部的导航栏部分和中间的背景图部分
- 打字机效果使用了Typed.js特效,大家可以自行去安装使用;
- 导航栏部分也可以点击滑动到响应位置,页面滑动到相应位置,导航栏部分也会有响应的显示效果;还有一个问题就是点击导航栏,下面的条会闪一闪,不知道什么原因。。。
- 下箭头的字体图标点击也可以跳转到下一个页面。
[typed.js]-JavaScript打字动画库.
关于我部分:
就是排版问题,不知道怎么排版才好看,大家可以去网上看看其他大咖的网页简历,参考参考寻找灵感,别直接照搬哦,毕竟自己的简历总要独特一点是吧!
技能部分:
当下滑到这个页面时, 技能条会增长到指定的百分比,唯一的遗憾就是我希望数字技能条里的百分比数字也可以从0增加到指定的数字,但是宣布失败告终。。。。。。
作品部分:
当光标移到对应的作品里时,图片会被放大,图片外层也会出现阴影,还有作品简单描述的透明黑布移入效果。
博客部分:
当页面移入到这个一面时,博客图片和博客名会有放大缩小的效果,暗示“点进去!!”,而且鼠标移到图片上时,也会被放大。
最后附上整体效果图(gif太大,放不了。。。):
简单写写我的个人简历相关推荐
- matlab 五连珠,我是初学者,想求哪位大神帮帮我把这个小游戏程序简单写写注释,五连珠游戏...
我是初学者,想求哪位大神帮帮我把这个小游戏程序简单写写注释,五连珠游戏 五连珠游戏 游戏规则: 移动小球,五个或五个以上相同颜色的组成一行或一列就会消失 移动的时候只能移动到相连通的格子里去 func ...
- 个人成长:简单写写《乔布斯传》读后感
关于<乔布斯传>,这一次,也是有史以来第二次,是看着字幕听完的. 第一次知道乔布斯是在2011年,我刚刚离开家乡到异地上大学,开学不久,乔布斯去世的消息就在整个计算机学院蔓延开了,为此,学 ...
- 用HTML和CSS简单语法写的一个简历Demo
学完了学堂在线Web攻城狮课程的前两章节(HTML和CSS基础).完成了第二章布置的作业--利用学过的知识制作一个简历Demo. 我...拿校长的百科词条做简历了,不知道有没有侵权......现在发布 ...
- 学生HTML个人网页作业作品 简单的IT技术个人简历模板html下载 简单个人网页设计作业 静态HTML个人博客主页
- 简单讨论火车票系统后面的架构设计
简单讨论火车票系统后面的架构设计 [有点晚了,简单写写,找时间再polish.另外,我们只谈技术.] 简单说,在线服务scalability有两种方式,scale-up和scale-out.Scale ...
- 用C++实现简单随机二元四则运算
让我们想看看二元四则运算都需要实现什么: (1) 定制题目数量 (2) 是否有乘除法 (3) 题目数值范围 (4) 加减有无负数 (5) 除法有无余数 (6) 是否支持分数(真分数.假分数-) (7) ...
- 常见职位的英文简称_想进外企?英文简历少不了,看这里,教你英文简历的形式和技巧...
现在许多单位都希望应聘者有比较扎实的英文基础,特别是外企和涉外交往比较多的单位,一份漂亮的英文简历会帮助你留下很好的印象.对于英文简历,很多求职者只是简单地翻译一下中文简历,甚至有人直接利用翻译软件, ...
- 小练习使用html 中table表格 实现个人简历
简单实用表格实现个人简历 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" ...
- 惹人的应聘简历/邮件是怎样的
邮件标题: XX工作经验应聘XXXX+姓名+电话 (这样写 起码HR在想通知你面试的时候不需要再把邮件打开) 邮件正文: 尊敬的先生/女士: 您好.我叫XX,在XXX获知贵公司正在招聘X ...
最新文章
- android application 引起内存泄漏的原因
- Android中的Dialog
- 云调用,小程序鉴权正确姿势
- 现在中国是以24枚金牌位列奖牌榜3位,美国英国分列1、2位
- 圣诞海报简单设计技巧|装饰气氛PNG免抠素材
- mercurial使用_使用Mercurial在SQL数据库中对象更改的修订历史记录
- 关于区块链的解读和简单Python实现
- android 封装回调,OkHttp 优雅封装 OkHttps 之 回调线程魔变
- P5018 对称二叉树
- 四阶龙格库塔算法及matlab代码
- 双硬盘双win10互不干扰_双硬盘新装window10系统
- 电脑电池怎么测试软件,笔记本电池检测软件,小编教你笔记本电池怎么检测
- 神朔 计算机联锁,计算机联锁系统集中操控方式在宁东铁路中的应用
- 请设计输出实数的格式,包括:⑴一行输出一个实数;⑵一行内输出两个实数;⑶一行内输出三个实数。实数用6.2f格式输出。
- Hololens2开发-3-打包编译安装Hololens应用
- MCU低功耗引脚设置
- 浏览器预览html网址,在浏览器中预览网页
- Windows电脑内存不足解决问题
- 红米手机怎么把软件移到sd卡
- ArcGIS中根据DEM提取等高线和高程点(附练习数据)