没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
3页
代码如下: <!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:750
资源详情
资源评论
资源推荐
使用使用jQuery实现的网页版的个人简历实现的网页版的个人简历(可换肤可换肤)
代码如下:
<!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=”jquery-1.9.1.js” type=”text/javascript”></script>
<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=”images/嘿嘿.jpg” width=”150px” height=”150px”/></div>
<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=”images/left.jpg” border=”0″>我的剧本,我导演</li>
<li>希望能加入互联网公司,与一群热爱互联网的伙伴一起用产品改善生活。<img alt=”” src=”images/right.jpg” border=”0″>
</li>
<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>
weixin_38738977
- 粉丝: 6
- 资源: 971
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0