jQuery实现的网页简历(可换肤)

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title/title style type=' text/CSS ' body { font-size :13 px；} # DivFrame {边框：1 px实心# 666；高度高度：1450像素宽度：750像素；margin:auto} #divFrame .div head {底色： # eee衬垫-顶部：30像素；左填充左侧：125px高度：28 px} #divFrame .H2分区负责人{左填充：200像素} # DivFrame .H4分部负责人{绝对位置：top :10 ppxleft :730 px } # DivFrame .div照片{填充-top :60 px；左填充左侧：20像素宽度宽度：100像素边界：0像素固体红色；} #divFrame .div内容{填充-左侧：200 px位置：绝对；top:140pxborder:0px纯蓝；宽度：300px} #divFrame .div内容ul {列表样式-类型：无；margin:0px} #divFrame .div内容ul Li {列表样式-类型：无；填充-top :5 px；填充-bottom:5px } #divFrame .健杰{ margin-top :150 px；font-size :13 pxdisplay:none} #divFrame .体验{ margin-top :30 px；font-size :13 px} #divFrame .主题{ margin-top :30 px；font-size :13 px} #divFrame .jineng { margin-top :30 px；font-size :13 px} #divFrame .向异{ margin-top :30 px；font-size :13 px} #divFrame .朱轼{ margin-top :90 px；font-size :13 px}/style脚本src=' http : jquery-1。9 .1 .js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $(。div内容H3 ').单击(函数(){ $(').建杰')。秀场(3000);});$(.div content H4’).单击(函数(){ $('#divFrame ')).css(“”背景色',' # 666 ');$('div[title=zi]').css('font-size '，' 16px ')})；})/脚本/头体div id=' DivFrame ' title=' zi ' div class=' DivHead ' H2个人简历/h2/div！-个人信息-div class=' Content ' title=' zi ' div class=' div photo ' img alt=' src=' http : images/嘿嘿jpg ' width=' 150 px ' height=' 150 px '/div class=' div content ' H3风格=' padding-bottom 33602 px ' a href=' # '王静静/a/H3H4风格='绝对位置：top:0pxleft:660px宽度：80 pxtext-decoration : none ' a href=' # '切换皮肤/a/H4 ul liimg alt=' src=' http : images/left。jpg '边框='0 '我的剧本，我导演/li li希望能加入互联网公司，与一群热爱互联网的伙伴一起用产品改善生活。

img alt=' src=' http : images/right . jpg ' border=' 0 '/Li Li font color=' # 99999 '学校：河北软件职业技术学院软件开发(。net)/font/li /ul /div！-基本信息-！-简历信息-div class=' jianjie ' title=' zi ' H3 basic information:/H3 table id=' tbstu ' cell padding=' 0 ' cell spacing=' 0 ' border=' 1px实线红' TRT name:/tdtdt Wang Jingjing/Td性别：/TDT女/TDT出生日期：/TDT 1991-12-14/Td/tr TRT籍贯：/TDT河北省河间市尊祖庄乡/TDT民族：/TDT Han/TDT身体状况Tdtd可以进行基础英语对话/Td/tr trtd Major:/tdtd Software Development/tdtd interest:/tdtd reading and single/tdtd home Address:/tdtd河北省沧州市/Td/tr trtd Tel:/tdtd 15031259715/tdtdtd zip Code:/tdtd 071000/tdtdtdtd email:/Td[email protected]/Td/tr trtd自评：/tdtd colspan='5 '适应性强，能快速融入新环境；能够处理好与他人的关系，具有很强的团队合作能力和抗压能力/td/tr /table /div！-主要课程-div class=' subject ' title=' zi ' table id=' TB sub ' cell padding=' 0 ' cell spacing=' 0 ' title=' zi ' trtd col span=' 2 ' H3主要课程：/H3/TD/tr trtd/tdcol span=' 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 ' cell padding=' 0 ' cell spacing=' 0 ' trtdcolspan=' 2 ' H3项目实战：/h3/td/tr trtd/Tdcolspan=' 5 '在校期间多次参与项目实战，模拟JD.COM商城、CSDN学习大本营、白豹大厦、CSDN博客、高校图书馆管理系统、扫雷游戏等网站。br/具体项目开发内容如下：br/项目名称：CSDN学习大本营br/开发规模：4人br/开发环境：window 7 br/开发工具：VisualStudio2010，sqlsever 2008 br/开发时间：一周br/职责描述：本项目是模拟CSDN学习大本营网站的制作。在这个项目中，我主要负责网站的登陆、注册和实现。Br/Project Harvest:通过这个项目，我们已经能够熟练操作数据库了/td/tr /table /div！-master skills-div class=' Jineng ' title=' zi ' table id=' table 1 ' cellpadding=' 0 ' cellspacing=' 0 ' trtdcolspan=' 2 ' h3master skills:/H3/TD/trtd/tdtdcolspan=' 5 ' ado skills，SQL Server技术，ASP.NET技术，Win8应用开发/td/tr /table /div！-求职意向-div class='向异' title=' zi ' table id=' table 2 ' cell padding=' 0 ' cell span=' 0 ' trtdcolspan=' 2 ' H3求职意向：/h3/td/tr trtd/Tdcolspan=' 5 '软件开发工程师、数据库管理员和网站编辑/td/tr /table/Div class='朱轼' title=' zi ' table id=' table 3 ' cell padding=' 0 ' cell span=' 0 ' trtdcolspan=' 2 ' H3信息提示：/h3/td/TD/tr/table/div/div/body/html将达到以下效果：。

注意：点击王晶晶这个名字会显示她的基本细节，点击切换皮肤会改变皮肤和字体大小。