我的“猜猜我是啥”怎么也都隐藏了？
我的“猜猜我是啥”怎么也都隐藏了？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.box{
margin:0 auto;
border:1px solid #ccc;
width:320px;
padding-left:10px;
}
.tipCon{
position:fixed;
right:0;
bottom:0;
width:400px;
height:300px;
}
.tipCon #closeBtn{
background:url(img/icon.jpg) no-repeat -399px -19px;
width:16px;
height:16px;
position:absolute;
top:5px;
right:5px;
}
.tipCon #closeBtn:hover{
background-position:-343px -19px;
}
.show{
display:block;
}
.hide{
display:none;
}
</style>
<script>
window.onload=function(){
var $=function(id){
return document.getElementById(id)
}
$("clickMe").onmouseover=function(){
$("clickMe").className='show';
$('showPic').className='show';
}
$('closeBtn').onclick=function(){
$("clickMe").className='hide';
$('showPic').className='hide';
}
}
</script>
</head>
<body>
<div class="box">
昵称：<input type="text" value="admin"><br>
密码：<input type="password" value="1234"><br>
邮箱：<input type="text" value="admin">
<select>
<option selected="selected">pp.com</option>
<option>2311</option>
<option>645646</option>
</select><br>
性别：<input type="radio" name="xb" value="boy" checked="checked">男<input type="radio" name="xb" value="girl">女<br>
兴趣：<input type="checkbox" checked="checked">旅游<input type="checkbox" >摄影<input type="checkbox" checked="checked">运动<br>
个人介绍：
<textarea rows="8" cols="40">毛扇指千阵，铁马踏冰河</textarea>
<input type="button" value="注册"><br>
上传个人照片：<br>
<input type="file" value="选择文件">
</div>
<div class="tipCon" id="tipCon">
<div class="clickMe" id="clickMe">
猜猜我有啥?
<a href="javascript:void(0)" id="closeBtn"></a>
</div>
<div class="showPic" id="showPic"><img src="img/snow.gif" /></div>
</div>
</body>
</html>
