<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>我的简历</title>
<link rel="stylesheet" href="http://cdn.dowebok.com/77/css/jquery.fullPage.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="http://csshake.surge.sh/csshake.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/js-image-slider.css">
<style>
.section1 { background: url(images/bg/bg1.jpg) 50%;background-size:cover;}
.section2 { background: url(images/bg/bg2.png) 50%;background-size:cover;}
.section3 { background: url(images/bg/bg3.jpg) 50%;background-size:cover}
.section4 { background: url(images/bg/bg4.jpg) 50%;background-size:cover}
.section5{ background: url(images/bg/bg5.jpg) 50%;background-size:cover}
.section6{ background: url(images/bg/bg6.jpg) 50%;background-size:cover}
.bumpy-char{line-height:3.4em;position:relative;}
</style>
<script src="http://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://cdn.dowebok.com/77/js/jquery.fullPage.min.js"></script>
<script src="js/js/easying.js"></script>
<script src="js/js/jquery.bumpytext.packed.js"></script>
<script src="js/js-image-slider.js"></script>
<script>
$(function(){
$('#dowebok').fullpage({
anchors: ['page1', 'page2', 'page3', 'page4','page5','page6'],
menu: '#menu',
'navigation': true,
'loopBottom':true,
'resize':true,
'continuousHorizontal':true,
'navigationTooltips': ['首页', '基本资料', '专业技能', '工作经历', '项目经验', '自我评价'],
afterRender: function(){
move('.section1 span').set('margin-top','40px').scale(1.1).rotate(360).end();
move('.section1 p').set('margin-top','-360px').scale(1.2).end();
move('.section5 .s5').set('top','0px').end();
},
afterLoad: function(anchorLink,index){
switch(index){
case 1:
move('.section1 span').set('margin-top','40px').rotate(360).end() ;
move('.section1 p').set('margin-top','-360px').end();
break;
case 2:
move('.section2 h1').set('opacity','1').duration('0.5s').end();
move('.section2 .s2-1').set('opacity','1').duration('1s').end();
move('.section2 .s2-2').set('margin-top','70px').rotate(720).delay(700).end();
move('.section2 .s2-3').set('margin-top','70px').delay(1600).end();
move('.section2 .s2-4').set('left','75%').delay(2300).end()
break;
case 3:
move('.section3 .p1').set('margin-top','5%').end();
move('.section3 .p2').set('opacity','1').set('margin-top','5%').duration('2s').delay(600).end();
move('.section3 .p3').set('margin-top','5%').delay(1500).end();
move('.section3 .p4').set('margin-top','5%').delay(2600).end();
move('.section3 .p5').set('margin-top','5%').delay(3600).end();
break;
case 4:
move('.section4 h2').scale(1.2).rotate(360).end();
move('.pic1 p').set('left','0px').end();
move('.pic2 p').set('top','0px').delay(400).end();
move('.pic3 p').set('left','0px').delay(800).end();
break;
case 5:
move('.section5 img').duration('1s').set('margin-top','200px').end();
break;
default:
move('.section6 img').set('margin-top','0px').end();
};
},
onLeave: function(anchorLink,index){
switch(index){
case 1:
move('.section1 span').set('margin-top','-360px').rotate(0).end();
move('.section1 p').set('margin-top','480px').end();
break;
case 2:
move('.section2 h1').set('opacity','0').end();
move('.section2 .s2-1').set('opacity','0').end();
move('.section2 .s2-2').set('margin-top','-600px').rotate(0).delay(0).end();
move('.section2 .s2-3').set('margin-top','-600px').delay(0).end();
move('.section2 .s2-4').set('left','200%').delay(0).end();
break;
case 3:
move('.section3 .p1').set('margin-top','-800px').delay(0).end();
move('.section3 .p2').set('opacity','0').set('margin-top','0').delay(0).end();
move('.section3 .p3').set('margin-top','-800px').delay(0).end();
move('.section3 .p4').set('margin-top','2000px').delay(0).end();
move('.section3 .p5').set('margin-top','2000px').delay(0).end();
break;
case 4:
move('.section4 h2').scale(1).rotate(0).end();
move('.pic1 p').set('left','-450px').end();
move('.pic2 p').set('top','400px').delay(0).end();
move('.pic3 p').set('left','500px').delay(0).end();
break;
case 5:
move('.section5 img').set('margin-top','-200px').end();
break;
default:
move('.section6 img').set('margin-top','-9990px').end();
};
}
});
});
$(function(){
$('.text-flash').bumpyText();
})
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
</head>
<body>
<ul id="menu">
<li data-menuanchor="page1" class="active"><a href="#page1">HOME</a></li>
<li data-menuanchor="page2"><a href="#page2">基本信息</a></li>
<li data-menuanchor="page3"><a href="#page3">专业技能</a></li>
<li data-menuanchor="page4"><a href="#page4">工作经历</a></li>
<li data-menuanchor="page5"><a href="#page5">项目经验</a></li>
<li data-menuanchor="page6"><a href="#page6">自我评价</a></li>
</ul>
<div id="dowebok">
<div class="section section1">
<div class="s1">
<div class="photo shack">
<img style="cursor:pointer" onmousemove="this.src='images/page-1/flower2.png'"/ onmouseout="this.src='images/page-1/flower.jpg'"/ src="images/page-1/flower.jpg">
</div>
<span >我不怕千万人阻挡,只怕自己投降!</span>
<hr>
<div class="content">
<p >杨 冰 倩</p>
<p>前 端 工 程 师</p>
<p>求职地点:武汉</p>
<p>联系方式:18271456862</p>
</div>
</div>
<div class="tab shake shake-vertical-slow shake-constant shake-constant--hover"onclick="window.location.href='#page2'"><font color="#C0D2FC"><p>please click me↙</p></font><img src="images/page-1/dian.png"></div>
</div>
<div class="section section2">
<div class="s2">
<h1 class="text-flash">个人基本资料</h1>
<div class="s2-1">
<div class="photo">
<img src="images/page-1/flower.jpg" style="width:80px;height:80px">
</div>
<h4>基本信息</h4>
<p>姓名:杨冰倩 女<br>
年龄:22岁 籍贯:安徽合肥</p>
</div>
<div class="s2-2">
<div class="photo">
<img src="images/page-2/hat.png" style="width:80px;height:80px">
</div>
<h4 >毕业院校</h4>
<p>武汉市江汉大学</p>
</div>
<div class="s2-3">
<div class="photo">
<img src="images/page-2/book.png" style="width:80px;height:80px">
</div>
<h4>学历和专业</h4>
<p>本科 通信工程</p>
</div>
<div class="s2-4">
<div class="photo">
<img src="images/page-2/photo1.jpg" style="width:50px;height:80px;border-radius:10px">
</div>
<h4>联系方式</h4>
<p>邮箱:1697376718@qq.com <br>电话:18271456862</p>
</div>
</div>
</div>
<div class="section section3">
<div class="s3">
<div class="s3-pic"><img src="images/page-3/yanhua.png"></div>
<div class="s3-1">
<p class="p1"> 1.<span class=" shake shake-slow ">熟</span>练使用html, css, javascript, jquery,合理化完成web端的编写和维护,思路清晰,能处理主流浏览器的兼容问题。</p>
<p class="p2"> 2.熟悉animation,move.js,fullpage等实用插件的应用;轮播图,tab栏,导航菜单,全屏滚动等常用功能的实现,</p>
<p class="p3"> 3.熟悉W3C标准,对表现与数据分离、Web语义化等有较为深刻的理解。。</p>
<p class="p4"> 4.熟悉使用fireworks,能够迅速进行切图。</p>
<p class="p5"> 5.了解ajax,根据后台接口能够完成前后端交互。。</p>
</div>
<div class="s3-2">
<div class="subject">
<div class="subject-1 shake shake-opacity">HTML </div>
<div cla
没有合适的资源?快使用搜索试试~ 我知道了~
这是我原创的web前端开发工程师简历.zip
共46个文件
jpg:18个
js:13个
png:9个
0 下载量 177 浏览量
2024-08-26
13:15:46
上传
评论
收藏 9.89MB ZIP 举报
温馨提示
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松copy复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全栈开发),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助 【资源内容】:项目具体内容可查看/点击本页面下方的*资源详情*,包含完整源码+工程文件+说明(若有)等。【若无VIP,此资源可私信获取】 【本人专注IT领域】:有任何使用问题欢迎随时与我联系,我会及时解答,第一时间为您提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【适合场景】:相关项目设计中,皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻,也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担 2. 部分字体及插图等来自网络,若是侵权请联系删除,本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
资源推荐
资源详情
资源评论
收起资源包目录
这是我原创的web前端开发工程师简历.zip (46个子文件)
DSwebffv1
js
move.js 27KB
move.min.js 15KB
html5.js 2KB
js
jquery.bumpytext.packed.js 1KB
easying.js 8KB
jquery.min.js 89KB
freshline
jquery.freshline.beforeafter.js 13KB
jquery.freshline.demo.js 3KB
animadrag.js 3KB
ziji.js 1KB
jquery.easing.1.3.js 8KB
jquery.min.js 89KB
js-image-slider.js 15KB
LICENSE 34KB
myself.html 11KB
css
style.css 5KB
js-image-slider.css 2KB
animate.css 23KB
swiper-3.4.2.min.css 17KB
images
page-2
hat.png 21KB
book.png 11KB
photo1.jpg 5KB
page-1
flower.jpg 50KB
dian.png 34KB
flower2.png 57KB
page-3
yanhua.png 329KB
page-6
thanks.jpg 18KB
unuse.jpg 29KB
kuang.png 4KB
page-4
study.jpg 5KB
company.jpg 5KB
jianghan.jpg 4KB
bg
bg5.jpg 87KB
bg2.png 4.08MB
bg1.jpg 303KB
unuse2.jpg 1.14MB
unuse.jpg 807KB
bg4.jpg 979KB
unuse.png 381KB
bg3.jpg 232KB
bg6.jpg 897KB
page-5
2.jpg 43KB
3.png 546KB
1.jpg 67KB
3.jpg 26KB
4.jpg 95KB
共 46 条
- 1
资源评论
专家大圣
- 粉丝: 1959
- 资源: 7514
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图HP系列静止式进相器原理图
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图GZDW34-300Ah-220V-M直流系统电气原理图
- linux的截图工具呀
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图GW5-35隔离开关安装图
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图GSK干簧管液位控制器说明书
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图GGD型交流低压配电柜总装配图
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图GGD型交流低压配电柜总装配图(1)
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图GG-1A电柜方案图
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图GG1A-07总装配图
- 变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图GCS通用柜总装
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功