求助!焦点显示一个<div>的问题!~

上面的代码少了!~重发一下!~如下!~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0022)http://movie.ofzx.com/ -->
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>0000000</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">
* {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: simsun
}
BODY {
FONT-SIZE: 12px; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}.list4 A.img {
BORDER-RIGHT: #d4e5f5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #d4e5f5 1px solid; PADDING-LEFT: 1px; BACKGROUND: url(/images/kankan/icon.gif) no-repeat -1000px 50%; LEFT: 6px; PADDING-BOTTOM: 1px; BORDER-LEFT: #d4e5f5 1px solid; WIDTH: 90px; PADDING-TOP: 1px; BORDER-BOTTOM: #d4e5f5 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 125px; TEXT-DECORATION: none
}
DIV.tip {
BORDER-RIGHT: #8ccfff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #8ccfff 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; FILTER: Alpha(Opacity=90); PADDING-BOTTOM: 5px; BORDER-LEFT: #8ccfff 1px solid; WIDTH: 200px; LINE-HEIGHT: 22px; PADDING-TOP: 5px; BORDER-BOTTOM: #8ccfff 1px solid; POSITION: absolute; HEIGHT: auto; TEXT-ALIGN: left; opacity: 0.90
}
DIV.tip DIV {
POSITION: relative
}
DIV.tip H1 {
FONT-SIZE: 12px; COLOR: #1972c2
}
DIV.tip H1 SPAN {
PADDING-LEFT: 10px; FONT-WEIGHT: normal; COLOR: #b7b5b4
}
DIV.tip LI {
FLOAT: left; OVERFLOW: hidden; POSITION: relative; HEIGHT: 20px
}
DIV.tip LI.t1 {
WIDTH: 200px; MARGIN-RIGHT: 5px; WHITE-SPACE: nowrap
}
DIV.tip LI.t2 {
WIDTH: 200px; HEIGHT: 66px
}
DIV.tip LI.t3 {
WIDTH: 66px; WHITE-SPACE: nowrap
}
DIV.tip LI.t4 {
WIDTH: 75px; WHITE-SPACE: nowrap
}
DIV.tip LI.t5 {
WIDTH: 200px; MARGIN-RIGHT: 5px; WHITE-SPACE: nowrap; HEIGHT: 16px
}
</style><SCRIPT>
String.prototype.size = function(){
    return this.replace(/[^\u0000-\u00FF]/gmi, "**").length;
}function $(s){   
return document.getElementById(s);
}function slice(a,l){
    var as=a.split("");
    var n=0;
    var s="",u="";
    for(var i=0;i<as.length;i++){
        u=as[i];
        if(n+u.size()<=l){
            s+=u;
        }else{ break;}
        n+=u.size();
    }
    return s.substr(0,s.length);
}function sliceOffset(a,b,l){
    var al=a.size();
    var tmpA=slice(a,l);
    var tmpB=slice(b,(l-al<0?0:l-al));
    return {first:tmpA,second:tmpB};
}function showItemDetail(movie_name,actors,other_desc,play_time,year,focus,isnew,pos){
var o=$("divItemDetail");
    var isIndex=(0==pos);
    var width=isIndex?200:122;
    var lw=isIndex?218:140;
    var nSize=isIndex?28:16;
    var aSize=isIndex?20:16;
    var t=sliceOffset(movie_name,other_desc,nSize);
    var ss='';
    o.style.width=width+"px";
    o.style.overflowX="hidden";
    ss+='<div><h1>'+movie_name+'<span>'+t.second+'</span></h1><ul><li class="t1">主演:'+actors+'</li>';
    ss+='<li class="t2">看点:'+focus+'</li>';
    ss+='<li class="t1">更新:'+year+'</li><li class="t3">人气:'+2222+'</li>';
    ss+='<li class="t5"></li></ul></div>';
    o.innerHTML=ss;
    var cw=Math.max(document.body.clientWidth,document.documentElement.clientWidth);
    var st=Math.max(document.body.scrollTop,document.documentElement.scrollTop);
    o.style.left=(window.event.clientX+width>cw)?(window.event.clientX-(width+10))+"px":(window.event.clientX-2)+"px";    
    o.style.top=(window.event.clientY+20+st)+"px";
o.style.display="block";
}
function hideItemDetail(){
var o=$("divItemDetail");
o.style.display="none";
}
</SCRIPT><BODY>
   <div class="list4">
       <a class=img onMouseMove="showItemDetail('秀逗魔导士第4部','秀逗魔导士第4部','0000','','2008-09-07','「秀逗魔导士」自1995年以来，一共推出了3部TV动画版、1部OVA以及5...','1',0)" onMouseOut=hideItemDetail() >       </a>      </div>
<DIV class=tip id=divItemDetail style="DISPLAY: none; LEFT: 0px; TOP: 0px"></DIV></BODY></HTML>

解决方案 »

  1.   

    <a href="javascript:void(showItemDetail());">连接点</a>
    外面的盒子的position是相对,哪hidden的盒子的position:absolute中的top,left,right都是相对外面的盒子的！
    个人觉得没必要像你哪样在指定x,y坐标点
      

  2.   

    事件改个不行吗？
    获取焦点~
    <a class=img onfocus="showItemDetail('秀逗魔导士第4部','秀逗魔导士第4部','0000','','2008-09-07','「秀逗魔导士」自1995年以来，一共推出了3部TV动画版、1部OVA以及5...','1',0)" onMouseOut=hideItemDetail() >    </a>