879
社区成员
发帖
与我相关
我的任务
分享
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>my967</title>
<script src="admin/public/js/jquery/jquery-1.4.4.min.js"></script>
<script>
</script>
<style type="text/css">
*{
padding:0;
margin:0;
}
body{
font-size:30px;
background:orange;
}
table{
font-size:12px;
border:solid red;
border-width:1px 0px 0px 1px;
width:300px;
height:30px;
background:white;
margin-top:100px;
margin-left:100px;
}
table td{
border:solid red;
border-width:0px 1px 1px 0px;
}
a{
text-decoration:none;
cursor:pointer;
}
img{
border:none
}
.myspan{
position:relative;
display:inline-block;
z-index:2;
}
.subclass{
background:white;
border:1px solid #b6eefd;
width:120px;
padding:15px;
text-align:center;
line-height:150%;
position:absolute;
z-index:9999;
}
.subclass a{
color:#2b7bd5;
}
</style>
<script>
$(document).ready(function(){
$(".mya").each(function(){
$(this).click(function(){
var subclass='<div class="subclass"><p></p><a href="javascript:void(0)" style="text-decoration:underline;">子类一</a></p></div>';
$(this).parent().append(subclass);
$(".subclass").css({"left":-$(".subclass").width(),"top":18});
})
})
})
</script>
<meta name="Author" content="猫冬">
</head>
<body style="font-size:12px">
<table cellspacing="0">
<tr>
<td>
<div style="position:relative;z-index:1; background:pink;">
<span>我是张三</span>
<span class="myspan"><a href="javascript:void(0)" class="mya"><img src="admin/public/img/subclass.gif"></a></span>
</div>
</td>
</tr>
<tr>
<td>
<div style="position:relative;z-index:1">
<span>我是李四</span>
<span class="myspan"><a href="javascript:void(0)" class="mya"><img src="admin/public/img/subclass.gif"></a></span>
</div>
</td>
</tr>
</table>
</body>
</html>