一、实现效果:
注:此时鼠标还没移进红色框,红色框内的内容隐藏起来了
注:此时鼠标移到红色框区域内了,内部隐藏的东西显示出来了
二、css控制具体代码:
<span style="color:#330033;"><html>
<head>
<title>测试对象转数组</title>
<style>
.FontStyle{float:left;}
.wrap{float:left;}
.wrap{border:1px solid white;width:250px;height:20px;margin-left:3px;}
.wrap:hover span{display:block;margin-right:10px;}
.wrap span{display:none;float:left;}
</style>
</head>
<body>
<div class="FontStyle">hi,i am here: </div>
<div class="wrap">
<span class="label label-primary bstreeadd">添加</span>
<span class="label label-primary bstreeedit">修改</span>
<span class="label label-danger bstreedel">删除</span>
</div>
</body>
</html>