去看看现成的 tooltip 类。到google搜索这个会看到n多的结果

解决方案 »

  1.   

    你是不是开了另一个帖子?在那里有回答用onmouseover
      

  2.   


    这个用title无法放一个html页面的
    可以通过DIV来模拟也可以使用span的方法
      

  3.   

    抢分阿 抢分阿 <script> 
    var titleType=1;//用哪种方式载入title。1/2:startDownload/iframe。startDownload,仅能使用在ie,且不支持跨域 
    var hiddenType=1;//使用哪种方式隐藏title。1/2:当鼠标离开模拟的title时/当鼠标离开连接时 
    var titleWidth=150;//title宽度 
    var titleHeight=250;//title高度 
    var titleObj; 
    /* 
    显示模拟title 
    */ 
    function showTitle(titleId,url){ 
    var nowObj=document.getElementById(titleId); 
    if(nowObj!=titleObj){ 
    if(titleObj){hiddenTitle();} 
    titleObj=nowObj 
    } if(titleObj.style.display!=''){ 
    titleObj.style.display=''; 
    } setTitle(); if(titleObj.style.display==''){ 
    if(hiddenType==1){ 
    titleObj.attachEvent("onmouseout",function(){if(titleObj.contains(event.fromElement)){hiddenTitle()}}) 

    else if(hiddenType==2){ 
    event.srcElement.attachEvent("onmouseout",hiddenTitle) 
    } getTitle(url); 


    /* 
    设置模拟title 
    */ 
    function setTitle(){ 
    titleObj.style.position='absolute'; 
    titleObj.style.width=titleWidth+'px' 
    titleObj.style.height=titleHeight+'px' 
    titleObj.style.overflow='auto' var tmp_r_wh=JS_getFollowPlace(titleWidth,titleHeight); 
    titleObj.style.top=tmp_r_wh[1] 
    titleObj.style.left=tmp_r_wh[0]; 

    /* 
    获得title内容 
    */ 
    function getTitle(url){ 
    if(titleType==1){ 
    oDownload.startDownload(url,putData) 

    else if(titleType==2){ 
    putData(' <iframe  src="'+url+'" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0"> </iframe>'); 


    /* 
    输出html内容到模拟title中 
    */ 
    function putData(data){ 
    titleObj.innerHTML=data 

    /* 
    隐藏模拟title 
    */ 
    function hiddenTitle(){ 
    titleObj.style.display='none'; 
    } /* 
    获得跟随位置 
    */ 
    function JS_getFollowPlace(w,h) 

    var iX,iY 
    if (window.event.x + w > document.body.offsetWidth - 10) 

    iX = window.event.x - w - 5 ; 

    else 
    {iX = window.event.x + 5;} 
    if (iX <0)  
    {iX=0;} iY = window.event.y; 
    if (window.event.y + h > document.body.offsetHeight - 10 ) 

    iY = document.body.scrollTop + document.body.offsetHeight - h - 5 ; 

    else 
    {iY = document.body.scrollTop +window.event.y + 5; } 
    if (iY <0) 

    iY=0; 

    return [iX,iY]; 

    </script> 
    <IE:DOWNLOAD id="oDownload" style="behavior: url(#default#download)"> </IE:DOWNLOAD> <a href="###" onmouseover="showTitle('titleId','test.htm')">连接 </a> <!-- <a href="###" onmouseover="showTitle('titleId','http://www.baidu.com/')">连接 </a>如果titleType=1 ,将不能跨域,无法获得非当前网站内的html文件 --> <br> <br> <br> <br> <div id=titleId style="border: 2px solid #FF0000"> </div>
      

  4.   

    此回复为自动发出,仅用于显示而已,并无任何其他特殊作用
    楼主【EnginePlus】截止到2008-06-26 21:09:47的历史汇总数据(不包括此帖):
    发帖数:11                 发帖分:758                
    结贴数:9                  结贴分:558                
    未结数:2                  未结分:200                
    结贴率:81.82 %            结分率:73.61 %            
    楼主加油