复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body{ font-size:13px;}
#divFrame{ border:1px solid #666; height:1450px; width:750px; margin:auto;}
#divFrame .divHead{ background-color:#eee; padding-top:30px; padding-left:125px; height:28px;}
#divFrame .divHead h2{ padding-left:200px}
#divFrame .divHead h4{ position:absolute;top:10px; left:730px}
#divFrame .divPhoto{ padding-top:60px; padding-left:20px; width:100px; border:0px solid red;}
#divFrame .divContent{ padding-left:200px; position:absolute; top:140px; border:0px solid blue ; width:300px}
#divFrame .divContent ul { list-style-type:none; margin:0px;}
#divFrame .divContent ul li{list-style-type:none;padding-top:5px; padding-bottom:5px }
#divFrame .jianjie{ margin-top:150px; font-size:13px; display:none;}
#divFrame .experience{ margin-top:30px; font-size:13px;}
#divFrame .subject{ margin-top:30px; font-size:13px;}
#divFrame .jineng{ margin-top:30px; font-size:13px;}
#divFrame .yixiang{ margin-top:30px; font-size:13px;}
#divFrame . zhushi{ margin-top:90px; font-size:13px;}
</style>
<script src="/UploadFiles/2021-04-02/jquery-1.9.1.js"><script type="text/javascript">
$(function () {
$('.divContent>h3').click(function () {
$('.jianjie').show(3000);
});
$('.divContent>h4').click(function () {
$('#divFrame').css('background-color', '#666');
$('div[title=zi]').css('font-size', '16px')
});
})
</script>
</head>
<body>
<div id="divFrame" title="zi">
<div class="divHead"><h2>个人简历</h2></div>
<!--个人信息-->
<div class="Content" title="zi">
<div class="divPhoto"><img alt="" src="/UploadFiles/2021-04-02/嘿嘿.jpg"><div class="divContent">
<h3 style="padding-bottom:2px"><a href="#">王静静</a></h3>
<h4 style=" position:absolute;top:0px; left:660px; width:80px; text-decoration:none"><a href="#">切换皮肤</a></h4>
<ul>
<li><img alt="" src="/UploadFiles/2021-04-02/left.jpg"><li>希望能加入互联网公司，与一群热爱互联网的伙伴一起用产品改善生活。<img alt="" src="images/right.jpg"><li><font color="#999999">学校：河北软件职业技术学院 软件开发 （.net）</font></li>
</ul>
</div>
<!-- 基本信息-->
<!-- 个人简历的信息-->
<div class="jianjie" title="zi">
<h3>基本信息：</h3>
<table id="tbStu" cellpadding="0" cellspacing="0" border="1px solid red" >
<tr><td>姓名：</td><td>王静静</td><td>性别：</td><td>女</td><td>出生年月：</td><td>1991-12-14</td></tr>
<tr><td>籍贯：</td><td>河北省河间市尊祖庄乡</td><td>民族：</td><td>汉</td><td>身体状况：</td><td>良好</td></tr>
<tr><td>政治面貌：</td><td>团员</td><td>学历：</td><td>大专</td><td>外语水平：</td><td>可以进行基本的英语对话</td></tr>
<tr><td>所学专业：</td><td>软件开发</td><td>兴趣特长：</td><td>读书、唱歌</td><td>家庭住址：</td><td>河北省沧州市</td></tr>
<tr><td>联系电话：</td><td>15031259715</td><td>邮编：</td><td>071000</td><td>Email：</td><td>elaineJJ123@126.com</td></tr>
<tr><td>自我评价：</td><td colspan="5">适应能力比较强，能够较快的融入一个新的环境；能够很好地处理好与他人的关系，有较强的
团队合作能力和抗压能力</td></tr>
</table>
</div>
<!-- 主修课程-->
<div class="subject" title="zi">
<table id="tbSub" cellpadding="0" cellspacing="0" title="zi">
<tr><td colspan="2"><h3>主修课程：</h3></td></tr>
<tr><td></td><td colspan="5">Javascript课程、Html课程、C#课程、SQLServer、Css、ASP.net、ADO课程、ASP.NET高级、
Xmal基础、Flash制作 </td></tr>
</table>
</div>
<!-- 项目经验-->
<div class="experience" title="zi">
<table id="tbEce" cellpadding="0" cellspacing="0" >
<tr><td colspan="2"><h3>项目实战：</h3></td></tr>
<tr><td></td><td colspan="5">在校期间，多次参加项目实战，模拟京东商城网站、CSDN学习大本营、保百大楼、CSDN博客、学院图书管理系统、扫雷游戏等。<br />
具体项目开发内容如下：<br />
项目名称：CSDN学习大本营<br />
开发规模：4人<br />
开发环境：windows7<br />
开发工具：VisualStudio2010、SQLsever2008<br />
开发时间：一周<br />
责任描述：此次项目是模拟制作CSDN学习大本营网站，本人在该项目中，主要负责实现网站的
登陆、注册、教师作业的投放、学生提交作业等功能。<br />
项目收获：通过该项目，已能够熟练的对数据库进行操作</td></tr>
</table>
</div>
<!-- 掌握技能-->
<div class="jineng" title="zi">
<table id="Table1" cellpadding="0" cellspacing="0" >
<tr><td colspan="2"><h3>掌握技能：</h3></td></tr>
<tr><td></td><td colspan="5">ADO技能、SQL Server技术、ASP.NET技术、Win8应用开发</td></tr>
</table>
</div>
<!-- 求职意向-->
<div class="yixiang" title="zi">
<table id="Table2" cellpadding="0" cellspacing="0" >
<tr><td colspan="2"><h3>求职意向：</h3></td></tr>
<tr><td></td><td colspan="5">软件开发工程师、数据库管理员、网站美编</td></tr>
</table>
</div>
<div class="zhushi" title="zi">
<table id="Table3" cellpadding="0" cellspacing="0" >
<tr><td colspan="2"><h3>信息提示：</h3></td></tr>
<tr><td></td><td colspan="5">点击王静静会显示全部信息，点击更换皮肤，会改变背景色和字体大小</td></tr>
</table>
</div>
</div>
</div>
</body>
</html>
实现以下效果：
注：点击姓名王静静会显示她的基本详细信息，点击切换皮肤，会更改皮肤和字体大小
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body{ font-size:13px;}
#divFrame{ border:1px solid #666; height:1450px; width:750px; margin:auto;}
#divFrame .divHead{ background-color:#eee; padding-top:30px; padding-left:125px; height:28px;}
#divFrame .divHead h2{ padding-left:200px}
#divFrame .divHead h4{ position:absolute;top:10px; left:730px}
#divFrame .divPhoto{ padding-top:60px; padding-left:20px; width:100px; border:0px solid red;}
#divFrame .divContent{ padding-left:200px; position:absolute; top:140px; border:0px solid blue ; width:300px}
#divFrame .divContent ul { list-style-type:none; margin:0px;}
#divFrame .divContent ul li{list-style-type:none;padding-top:5px; padding-bottom:5px }
#divFrame .jianjie{ margin-top:150px; font-size:13px; display:none;}
#divFrame .experience{ margin-top:30px; font-size:13px;}
#divFrame .subject{ margin-top:30px; font-size:13px;}
#divFrame .jineng{ margin-top:30px; font-size:13px;}
#divFrame .yixiang{ margin-top:30px; font-size:13px;}
#divFrame . zhushi{ margin-top:90px; font-size:13px;}
</style>
<script src="/UploadFiles/2021-04-02/jquery-1.9.1.js"><script type="text/javascript">
$(function () {
$('.divContent>h3').click(function () {
$('.jianjie').show(3000);
});
$('.divContent>h4').click(function () {
$('#divFrame').css('background-color', '#666');
$('div[title=zi]').css('font-size', '16px')
});
})
</script>
</head>
<body>
<div id="divFrame" title="zi">
<div class="divHead"><h2>个人简历</h2></div>
<!--个人信息-->
<div class="Content" title="zi">
<div class="divPhoto"><img alt="" src="/UploadFiles/2021-04-02/嘿嘿.jpg"><div class="divContent">
<h3 style="padding-bottom:2px"><a href="#">王静静</a></h3>
<h4 style=" position:absolute;top:0px; left:660px; width:80px; text-decoration:none"><a href="#">切换皮肤</a></h4>
<ul>
<li><img alt="" src="/UploadFiles/2021-04-02/left.jpg"><li>希望能加入互联网公司，与一群热爱互联网的伙伴一起用产品改善生活。<img alt="" src="images/right.jpg"><li><font color="#999999">学校：河北软件职业技术学院 软件开发 （.net）</font></li>
</ul>
</div>
<!-- 基本信息-->
<!-- 个人简历的信息-->
<div class="jianjie" title="zi">
<h3>基本信息：</h3>
<table id="tbStu" cellpadding="0" cellspacing="0" border="1px solid red" >
<tr><td>姓名：</td><td>王静静</td><td>性别：</td><td>女</td><td>出生年月：</td><td>1991-12-14</td></tr>
<tr><td>籍贯：</td><td>河北省河间市尊祖庄乡</td><td>民族：</td><td>汉</td><td>身体状况：</td><td>良好</td></tr>
<tr><td>政治面貌：</td><td>团员</td><td>学历：</td><td>大专</td><td>外语水平：</td><td>可以进行基本的英语对话</td></tr>
<tr><td>所学专业：</td><td>软件开发</td><td>兴趣特长：</td><td>读书、唱歌</td><td>家庭住址：</td><td>河北省沧州市</td></tr>
<tr><td>联系电话：</td><td>15031259715</td><td>邮编：</td><td>071000</td><td>Email：</td><td>elaineJJ123@126.com</td></tr>
<tr><td>自我评价：</td><td colspan="5">适应能力比较强，能够较快的融入一个新的环境；能够很好地处理好与他人的关系，有较强的
团队合作能力和抗压能力</td></tr>
</table>
</div>
<!-- 主修课程-->
<div class="subject" title="zi">
<table id="tbSub" cellpadding="0" cellspacing="0" title="zi">
<tr><td colspan="2"><h3>主修课程：</h3></td></tr>
<tr><td></td><td colspan="5">Javascript课程、Html课程、C#课程、SQLServer、Css、ASP.net、ADO课程、ASP.NET高级、
Xmal基础、Flash制作 </td></tr>
</table>
</div>
<!-- 项目经验-->
<div class="experience" title="zi">
<table id="tbEce" cellpadding="0" cellspacing="0" >
<tr><td colspan="2"><h3>项目实战：</h3></td></tr>
<tr><td></td><td colspan="5">在校期间，多次参加项目实战，模拟京东商城网站、CSDN学习大本营、保百大楼、CSDN博客、学院图书管理系统、扫雷游戏等。<br />
具体项目开发内容如下：<br />
项目名称：CSDN学习大本营<br />
开发规模：4人<br />
开发环境：windows7<br />
开发工具：VisualStudio2010、SQLsever2008<br />
开发时间：一周<br />
责任描述：此次项目是模拟制作CSDN学习大本营网站，本人在该项目中，主要负责实现网站的
登陆、注册、教师作业的投放、学生提交作业等功能。<br />
项目收获：通过该项目，已能够熟练的对数据库进行操作</td></tr>
</table>
</div>
<!-- 掌握技能-->
<div class="jineng" title="zi">
<table id="Table1" cellpadding="0" cellspacing="0" >
<tr><td colspan="2"><h3>掌握技能：</h3></td></tr>
<tr><td></td><td colspan="5">ADO技能、SQL Server技术、ASP.NET技术、Win8应用开发</td></tr>
</table>
</div>
<!-- 求职意向-->
<div class="yixiang" title="zi">
<table id="Table2" cellpadding="0" cellspacing="0" >
<tr><td colspan="2"><h3>求职意向：</h3></td></tr>
<tr><td></td><td colspan="5">软件开发工程师、数据库管理员、网站美编</td></tr>
</table>
</div>
<div class="zhushi" title="zi">
<table id="Table3" cellpadding="0" cellspacing="0" >
<tr><td colspan="2"><h3>信息提示：</h3></td></tr>
<tr><td></td><td colspan="5">点击王静静会显示全部信息，点击更换皮肤，会改变背景色和字体大小</td></tr>
</table>
</div>
</div>
</div>
</body>
</html>
实现以下效果：
注：点击姓名王静静会显示她的基本详细信息，点击切换皮肤，会更改皮肤和字体大小
标签：
jQuery,网页,个人简历
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“使用jQuery实现的网页版的个人简历(可换肤)”评论...
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/16
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。