你想实现什么功能,或者说你这段代码有什么错误提示或和预期结果哪儿对不上简单看了一下,可能和FF不兼容, 这里应该加上单位 
style.top = top +'px'; 
style.left = left+width + 'px';

解决方案 »

  1.   

    效果就是判定弹出div
    效果可以看这段htm
    <style type="text/css">
    .f{
    cursor:pointer;
    position:absolute;
    width:357px;
    height:194px;
    padding:15px 0 0 50px;
    background-image:url(http://static5.photo.sina.com.cn/middle/4ef69b3dg5785994300a4&000.jpg)
    }
    </style>
    <script>
    var oo = true
    var vv=["大法师</a><br>山丘之王<br>血法师<br>怕拉丁","剑圣<br>先知<br>牛头人<br>小yy","死亡骑士<br>巫妖<br>恐惧魔王<br>小强","恶魔猎手<br>丛林守护者<br>守望者<br>老虎女继嗣"]
    function create(obj,num){
    if(oo==true){
    oo=false
    var div =document.createElement("div")
    div.className="f"
    div.id="div"
    div.innerHTML=vv[num]
    document.body.appendChild(div)
    var left=obj.offsetLeft
    var top=obj.offsetTop
    var width=obj.offsetWidth
    var height=obj.offsetHeight
    var a = objwhile (obj=obj.offsetParent) {
    left += obj.offsetLeft;
    top += obj.offsetTop;
    };if((document.body.clientWidth-left-a.offsetWidth)>document.getElementById("div").offsetWidth)
      {
         document.getElementById("div").style.left=left+width
         if((document.body.clientHeight)< (top + document.getElementById("div").offsetHeight))
    {
         document.getElementById("div").style.top= document.body.clientHeight -  document.getElementById("div").offsetHeight
    }
    else
    {
    document.getElementById("div").style.top=top
      }
      }
    else
      {
         document.getElementById("div").style.left=left- document.getElementById("div").offsetWidth
         document.getElementById("div").style.top=top
      }
    div.onmouseout=del
    }}function del(e){
    e=e||event;
    var obj=e.relatedTarget||e.toElement;
    var div =document.getElementById("div")
    if(div.contains(obj))return;
    document.body.removeChild(div)
    oo=true
    }</script>
    <span  id="text" onmouseover="create(this,0)" style="cursor:pointer;" onMouseOut="del()" >人族</span>                                                   
    <span  id="text" onmouseover="create(this,1)" style="cursor:pointer;" onMouseOut="del()" >兽族</span><br><br><br><br><span  id="text" onmouseover="create(this,3)" style="cursor:pointer;" onMouseOut="del()" >精灵族</span>><br><br><br><br><br><br><br><br>
    <span  id="text" onmouseover="create(this,2)" style="cursor:pointer;" onMouseOut="del()" >不死族</span><br><br><br><br><br><br><br><br><br><br><br><br><br><br><span  id="text" onmouseover="create(this,3)" style="cursor:pointer;" onMouseOut="del()" >精灵族</span>><br><br><br><br><br>
    <span  id="text" onmouseover="create(this,3)" style="cursor:pointer;" onMouseOut="del()" >精灵族</span>>