在js实现一移到超链接上就显示一个框

Question

<script language=javascript>
function show(obj)
{    
var str=getIE(obj)
var temp=str.split(",")
var top=temp[0]
var left=temp[1]
var objDiv=document.getElementById("div1")
objDiv.style.display="";
objDiv.style.left=temp[1];
objDiv.style.top=parseInt(temp[0])+parseInt(obj.offsetHeight);
}
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
return (t+","+l);
}
function hide(obj){obj.style.display="none"}
</script>
<div id="div1"  onMouseOut="hide(this)"style="background-color:red;position:absolute; width:200px; height:100px; top:-100px;"><a href="#">你的问题</a>有问题没</div><a href="javascript:void(0)" onmouseover=show(this)>点我</a>
<br>
<br>
<br>
<br>
<a href="javascript:void(0)" onmouseover=show(this)>点我</a>
<br>简单网上找了一个，css自己修改修改

Answer 1

鼠标放上去把隐藏的div显示出来

Answer 2

function onmouseover(){}function onmouseout(){}
他们二个足矣

Answer 3

只给你jquery的思路，样式代码就自己去写咯！<ul>
    <li>
        <a href="www.ljiong.com" class="a">设置</a>
        <ul>
              <a href="www.ljiong.com">www.ljiong.com</a>
         </ul>
    </li>
</ul>.
//给a标签设置class="a"
$(".a").hover(function(){
    $(this).next("ul").slideToggle();
})

Answer 4

其中  li便签下的ul设置display:none;

Answer 5

不需要脚本，直接用css就行了，hover写在a标签外层li，菜单和a标签同级
.menu{display:none;}
li:hover .menu{display:block}

Answer 6

jQuery  实现方法------------<div style="display:none;">显示框,默认隐藏</div>
<a>滑我试试</a>
jQuery(function(){
        jQuery("a").hover(function(){
              consloe.info("鼠标划过,显示弹框");
              jQuery("div").show();
         },function(){
              console.info("鼠标离开,隐藏弹框");
              jQuery("div").hide();
         });
});