个人简历
2013-07-04 14:30
225 查看
在学校学习了这么久终于要去工作了
代码如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
#divMain {
width:800px;border:1px solid #000;border-radius:15px;margin:0 auto;
}
#divMain .divTitle {
float:right;width:220px;height:80px;position:relative;right:40px;border-radius:15px;background-color:#eee; font-family:Arial;margin-left:-2px;margin-top:-1.5px;margin-top:3px;
}
#divMain .personaldata {
width:332px;height:auto;border:1px solid #868686;border-radius:15px; margin-bottom:20px;margin-left:1px;
}
#divMain .personaldata .personaldataTitle {
background:no-repeat url('rimages/1.jpg');width:335px;height:44px;margin-top:-1.5px;margin-top:3px;
}
.personaldataContent {
padding-left:20px;
}
#divMain .personaldata .jobWantedTitle {
background:url('rimages/2.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
#divMain .personaldata .winPrizeTitle {
background:url('rimages/3.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
#divMain .personStudy .studyTitle {
background:url('rimages/4.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
#divMain .personStudy {
width:332px;height:auto;border:1px solid #868686;border-radius:15px;
float:right;margin-top:-240px;margin-right:20px;padding:0px;
}
#divMain .personSkill {
width:332px;height:auto;border:1px solid #868686;border-radius:15px; float:right;margin-top:-50px;margin-right:20px;padding:0px;
}
#divMain .personSkill .skillTitle {
background:url('rimages/5.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
#divMain .personaldata .pensonSkillTitle {
background:url('rimages/6.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
.changeColor {
color:red;
background-color:blue;
}
a{
font-size:13px;margin-left:20px;
}
</style>
<script src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
$('a').click(function () {
$('div:not(#divMain)').toggleClass('changeColor');
})
})
</script>
</head>
<body>
<div id="divMain">
<div class="divTitle"><h2>商炳奇的个简历</h2> </div>
<div class="personaldata">
<div class="personaldataTitle"></div>
<div class="personaldataContent">
<br />
姓名:商炳奇<br />
性别:男<br />
爱好:打篮球<br />
电话:15003329022<br />
电子邮件:1059625015@qq.com<br />
博客:http://blog.csdn.net/shang_111111 <br /><br />
<img alt="应聘人" src="rimages/me.jpg" title="应聘本人" width="300" height="150" />
</div>
</div>
<div class="personStudy">
<div class="studyTitle"></div>
<div class="personaldataContent">
<br />
教育背景<br /><br />
高中:大城职教中心 <br /><br />
学历:职高<br /><br />
大学:河北软件职业技术学院<br /><br />
专业:计算机应用与技术<br /><br />
方向:.NET <br /><br />
学历:专科 <br />
</div>
</div>
<div class="personaldata">
<div class="jobWantedTitle"></div>
<div class="personaldataContent">
<br />
目标地点:北京<br /><br />
目标职能:.NET程序员<br />
<br />
</div>
</div>
<div class="personSkill">
<div class="skillTitle"></div>
<div class="personaldataContent">
<br />
在校实践经验<br /><br />模拟图书管理系统<br /><br />
模拟保百网站<br /><br />模拟京东商城<br /><br />
模拟CSDN博客<br /><br />模拟CSDN学习大本营<br /><br />
模拟KFC网上订餐网站<br /><br />
Windows8开发并在商店上线<br />
</div>
</div>
<div class="personaldata">
<div class="winPrizeTitle"></div>
<div class="personaldataContent">
<br />
获得三好学生<br /><br />
优秀团员<br /><br />
共产党员<br />
<br />
</div>
</div>
<div class="personaldata">
<div class="pensonSkillTitle"></div>
<div class="personaldataContent">
<br />
熟悉C++语言、XAML语言<br /><br />
熟练VS2010软件、VS2012软件、SQL Server 2008 R2软件的使用 <br /><br />
熟练HTML、CSS+DIV+JavaScript、SQL Server、ADO.NET、ASP.NET、C#、jQuery<br />
</div>
</div>
<a href="#">更改样式</a>
</div>
</body>
</html>
代码如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
#divMain {
width:800px;border:1px solid #000;border-radius:15px;margin:0 auto;
}
#divMain .divTitle {
float:right;width:220px;height:80px;position:relative;right:40px;border-radius:15px;background-color:#eee; font-family:Arial;margin-left:-2px;margin-top:-1.5px;margin-top:3px;
}
#divMain .personaldata {
width:332px;height:auto;border:1px solid #868686;border-radius:15px; margin-bottom:20px;margin-left:1px;
}
#divMain .personaldata .personaldataTitle {
background:no-repeat url('rimages/1.jpg');width:335px;height:44px;margin-top:-1.5px;margin-top:3px;
}
.personaldataContent {
padding-left:20px;
}
#divMain .personaldata .jobWantedTitle {
background:url('rimages/2.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
#divMain .personaldata .winPrizeTitle {
background:url('rimages/3.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
#divMain .personStudy .studyTitle {
background:url('rimages/4.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
#divMain .personStudy {
width:332px;height:auto;border:1px solid #868686;border-radius:15px;
float:right;margin-top:-240px;margin-right:20px;padding:0px;
}
#divMain .personSkill {
width:332px;height:auto;border:1px solid #868686;border-radius:15px; float:right;margin-top:-50px;margin-right:20px;padding:0px;
}
#divMain .personSkill .skillTitle {
background:url('rimages/5.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
#divMain .personaldata .pensonSkillTitle {
background:url('rimages/6.jpg') no-repeat;width:335px;height:44px;margin-left:-2px;margin-top:-1.5px;
}
.changeColor {
color:red;
background-color:blue;
}
a{
font-size:13px;margin-left:20px;
}
</style>
<script src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
$('a').click(function () {
$('div:not(#divMain)').toggleClass('changeColor');
})
})
</script>
</head>
<body>
<div id="divMain">
<div class="divTitle"><h2>商炳奇的个简历</h2> </div>
<div class="personaldata">
<div class="personaldataTitle"></div>
<div class="personaldataContent">
<br />
姓名:商炳奇<br />
性别:男<br />
爱好:打篮球<br />
电话:15003329022<br />
电子邮件:1059625015@qq.com<br />
博客:http://blog.csdn.net/shang_111111 <br /><br />
<img alt="应聘人" src="rimages/me.jpg" title="应聘本人" width="300" height="150" />
</div>
</div>
<div class="personStudy">
<div class="studyTitle"></div>
<div class="personaldataContent">
<br />
教育背景<br /><br />
高中:大城职教中心 <br /><br />
学历:职高<br /><br />
大学:河北软件职业技术学院<br /><br />
专业:计算机应用与技术<br /><br />
方向:.NET <br /><br />
学历:专科 <br />
</div>
</div>
<div class="personaldata">
<div class="jobWantedTitle"></div>
<div class="personaldataContent">
<br />
目标地点:北京<br /><br />
目标职能:.NET程序员<br />
<br />
</div>
</div>
<div class="personSkill">
<div class="skillTitle"></div>
<div class="personaldataContent">
<br />
在校实践经验<br /><br />模拟图书管理系统<br /><br />
模拟保百网站<br /><br />模拟京东商城<br /><br />
模拟CSDN博客<br /><br />模拟CSDN学习大本营<br /><br />
模拟KFC网上订餐网站<br /><br />
Windows8开发并在商店上线<br />
</div>
</div>
<div class="personaldata">
<div class="winPrizeTitle"></div>
<div class="personaldataContent">
<br />
获得三好学生<br /><br />
优秀团员<br /><br />
共产党员<br />
<br />
</div>
</div>
<div class="personaldata">
<div class="pensonSkillTitle"></div>
<div class="personaldataContent">
<br />
熟悉C++语言、XAML语言<br /><br />
熟练VS2010软件、VS2012软件、SQL Server 2008 R2软件的使用 <br /><br />
熟练HTML、CSS+DIV+JavaScript、SQL Server、ADO.NET、ASP.NET、C#、jQuery<br />
</div>
</div>
<a href="#">更改样式</a>
</div>
</body>
</html>