html页面,怎么可以做到,在点击“籍贯”这个按钮的时候,会d出一个无边的边框,里面可以选择

html页面,怎么可以做到,在点击“籍贯”这个按钮的时候,会d出一个无边的边框,里面可以选择,第1张

首先,把要显示的内容用div敲出来,然后隐藏

用jquery给这个按钮,写一个点击事件,点击的时候,这个div显示就可以了。原理就是这样的

楼主要知道,凡是页面出现的东西,都是事先存在好的,只不过是隐藏起来。和事件结合了而已,希望可以帮到你

HTML个人简历代码如下

<html>

<head>

<title>真实名字</title>

<mate name="keywords" content="个人简历"/>

<mate name="description" content="XXXX的个人简历"/>

</head>

<body>

<table border=5 bordercolor=red align=center>

<tr height=70 bgcolor=green align='center'>

<td width=720 colspan=6 align=center

><font size=5 ><b><a href=http://blog.sina.com.cn/u/3083814572>个人简历

</a></b></font></td>

</tr>

<tr height=50 bgcolor=green>

<td width=110 align=center

><font size=5>姓名:</td>

<td width=150 align=center

><font size=5><a

href=http://user.qzone.qq.com/504660181/infocenter#home>XXX</td>

<td width=110 align=center

><font size=5>性别:</td>

<td width=150 align=center

><font size=5>男</td>

<td width=200 colspan=2 rowspan=4><img

src="http://b264.photo.store.qq.com/psb?/1e607185-b189-4edb-a6a9-

3c3e3f4bc25a/lpJL3i5H3AWovj6*eYZTbXKgOtEQuAkqByv4H*wMyRw!/b/dKMBZp1AIgAA

&bo=gALgAQAAAAABAEQ" alt="XXX照片" width=200 height=200></td>

</tr>

<tr height=50 bgcolor=green>

<td width=110 align=center

><font size=4 align=center

>出生年月:</td>

<td width=150 align=center

><font size=5>1992.4.6</td>

<td width=110 align=center

><font size=5>民族:</td>

<td width=150 align=center

><font size=5>汉</td>

</tr>

<tr height=50 bgcolor=green>

<td width=110 align=center

><font size=5>学历:</td>

<td width=150 align=center

><font size=5 align=center

>大专</td>

<td width=110 align=center

><font size=5>专业:</td>

<td width=150 align=center

><font size=4>数控车工</td>

</tr>

<tr height=50 bgcolor=green>

<td width=110 align=center

><font size=5>籍贯:</td>

<td width=150 align=center

><font size=4>河南原阳</td>

<td width=110 align=center

><font size=4>联系电话:</td>

<td width=150 align=center

><font size=3>13602664383</td>

</tr>

<tr height=50 bgcolor=green>

<td width=100 align=center

><font size=4>毕业学校:</td>

<td width=620 colspan=5 align=center

><font size=5>河南经济贸易高级技工学校</td>

</tr>

<tr height=50 bgcolor=green>

<td width=110 align=center

><font size=5>住址:</td>

<td width=610 colspan=5 align=center

><font size=5>下油松新村</td>

</tr>

<tr height=50 bgcolor=green>

<td width=110 align=center

><font size=4>电子邮箱:</td>

<td width=610 colspan=5 align=center

><font size=5>hiyangson@163.com</td>

</tr>

<tr height=50 bgcolor=green>

<td width=720 colspan=6 align=center

><font size=5>教育历程</td>

</tr>

<tr height=50 bgcolor=green>

<td width=720 colspan=6 align=center>2007.9-2011.6 在河南高级技工学校读

中专</td>

</tr>

<tr height=50 bgcolor=green>

<td width=720 colspan=6 align=center>2010.9-至今 报读郑州轻工业学院成人大

专</td>

</tr>

<tr height=50 bgcolor=green>

<td width=720 colspan=6 align=center

><font size=5>工作经历</td>

</tr>

<tr height=50 bgcolor=green>

<td width=720 colspan=6 align=center>2011.6-至今 在富士康科技集团工作

</td>

</tr>

<tr height=50 bgcolor=green>

<td width=720 colspan=6 align=center

><font size=5>自我评价</td>

</tr>

<tr height=50 bgcolor=green>

<td width=720 colspan=6>个人工作勤奋,认真负责,能吃苦耐劳,尽职尽责,

</td>

</tr>

<tr height=50 bgcolor=green>

<td width=720 colspan=6></td>

</tr>

</table>

<center><script language="javascript" type="text/javascript"

src="http://js.users.51.la/15653809.js"></script>

<noscript><a href="http://www.51.la/?15653809" target="_blank"><img

alt="我要啦免费统计"

src="http://img.users.51.la/15653809.asp" style="border:none"

/></a></noscript>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7627595.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存