| 
 | 
 
 
                      在Web中经常碰到链接提示文字效果,就是当鼠标经过URL链接时,立刻弹出一个提示层(DIV),提示链接内容等等相关文字.虽然知道是用隐藏DIV实现的,不过一直不知道怎么弄.昨天搜到一个JS文件,可以轻松搞定.帖出来,收藏一下. 
    JS文件代码如下(mouse_on_title.js): 
//***************内部变量定义***************** 
sPop=null;curShow=null;tFadeOut=null;tFadeIn=null;tFadeWaiting=null; 
document.write(""); 
document.write(".cPopText {  background-color: " + bgcolor + ";color:" + fontcolor + "; border: 1px " + bordercolor + " solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}"); 
document.write(""); 
document.write(""); 
function showPopupText(){ 
var o=event.srcElement; 
 MouseX=event.x; 
 MouseY=event.y; 
 if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; 
        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; 
 if(o.dypop!=sPop) { 
   sPop=o.dypop; 
   clearTimeout(curShow); 
   clearTimeout(tFadeOut); 
   clearTimeout(tFadeIn); 
   clearTimeout(tFadeWaiting);  
   if(sPop==null || sPop=="") { 
    dypopLayer.innerHTML=""; 
    dypopLayer.style.filter="Alpha()"; 
    dypopLayer.filters.Alpha.opacity=0;  
    } 
   else { 
    if(o.dyclass!=null) popStyle=o.dyclass  
     else popStyle="cPopText"; 
    curShow=setTimeout("showIt()",tPopWait); 
   } 
    
 } 
} 
function showIt(){ 
  dypopLayer.className=popStyle; 
  dypopLayer.innerHTML=sPop; 
  popWidth=dypopLayer.clientWidth; 
  popHeight=dypopLayer.clientHeight; 
  if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24 
   else popLeftAdjust=0; 
  if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24 
   else popTopAdjust=0; 
  dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; 
  dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; 
  dypopLayer.style.filter="Alpha(Opacity=0)"; 
  fadeOut(); 
} 
function fadeOut(){ 
 if(dypopLayer.filters.Alpha.opacity 
function fadeIn(){ 
 if(dypopLayer.filters.Alpha.opacity>0) { 
  dypopLayer.filters.Alpha.opacity-=1; 
  tFadeIn=setTimeout("fadeIn()",1); 
  } 
} 
document.onmouseover=showPopupText; 
-->   
    应用的时候,在页面的之间加入: 
    在需要提示层的链接中加入title属性,比如: 
    //[url=]测试[/url] 
    其实如果不加上述JS文件,提示层效果也是可以出来的.就是速度比较慢,提示层效果比较单调而已. 
 |   
 
 
 
 |