JS技术

Javascript教程_ JS实现鼠标滑过显示层,解决把层弄到区域的问题_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-27 12:22 我要评论( )

Javascript教程_ JS实现鼠标滑过显示层,解决把层弄到区域的问题,学习Javascript教程_ JS实现鼠标滑过显示层,解决把层弄到区域的问题,Javascript教程_ JS实现鼠标

同样是要实现 鼠标放到工具上面就显示出右上角收藏的功能!
我现在用JS做了一个简单的显示出层,但是这个层总是跑在外面了,如何把层弄到区域(右上角)里面来啊?
<script type="text/javascript"> 
var username;
function setFace(ObjId,AttrStr){
 var faceList = document.getElementById(ObjId);
 faceList.style.cssText = "display:"+AttrStr+";";
}
</script>
<style>
a.Ico_aBox{position:relative;width:226px; height:60px; float:left; margin:1px 3px; display:inline; text-decoration:none;cursor:pointer!important;cursor:hand}
a.Ico_aBox:hover{text-decoration:none;background-color:#F6F8FC;}
.Ico_aBox_icon{position:absolute; top:7px; left:5px; width:42px; height:42px;background:url(/img/icons.gif) no-repeat;}
.Ico_aBox_icon1{position:absolute; top:7px; left:5px; width:42px; height:42px;}
.Ico_aBox_tit{ position:absolute; left:56px; top:10px;font-size:14px; font-weight:bold; color:#005EAC;}
.Ico_aBox_intro{position:absolute; left:56px; top:30px;font-size:12px}
</style>
<a class="Ico_aBox" href="/wnl" onMouseOver="javascript:setFace('FaceList','block');" onmouseout="javascript:setFace('FaceList','none');">
  <div class="Ico_aBox_icon INico1">图标</div>
  <div class="Ico_aBox_tit">万年历</div>
  <div class="Ico_aBox_intro">农历/公历/各种重要节日等</div>
</a>
<div id="FaceList" onmouseover="javascript:setFace('FaceList','block')" onmouseout="javascript:setFace('FaceList','none')" style="display:none;">
<a href="abc">+</a>
</div>

解答

#FaceList {position:relative; left: -20px;}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评