首页 HTML/CSS 让标签的title属性支持html格式显示

让标签的title属性支持html格式显示

作者:胡同里的砖头 围观群众:956 更新于:2013-12-19

<SCRIPT   language=JavaScript>   
//***********默认设置定义.*********************   
tPopWait=50;//停留tWait豪秒后显示提示。   
tPopShow=5000;//显示tShow豪秒后关闭提示   
showPopStep=20;   
popOpacity=99;   
    
//***************内部变量定义*****************   
sPop=null;   
curShow=null;   
tFadeOut=null;   
tFadeIn=null;   
tFadeWaiting=null;   
    
document.write("<style   type='text/css'id='defaultPopStyle'>");   
document.write(".cPopText   {     background-color:   #F8F8F5;color:#000000;   border:   1px   #000000   solid;font-color:   font-size:   12px;   padding-right:   4px;   padding-left:   4px;   height:   194px;   padding-top:   2px;   padding-bottom:   2px;   filter:   Alpha(Opacity=0)}");   
document.write("</style>");   
document.write("<div   id='dypopLayer'   style='position:absolute;z-index:1000;'   class='cPopText'></div>");   
    
    
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<popOpacity)   {   
dypopLayer.filters.Alpha.opacity+=showPopStep;   
tFadeOut=setTimeout("fadeOut()",1);   
}   
else   {   
dypopLayer.filters.Alpha.opacity=popOpacity;   
tFadeWaiting=setTimeout("fadeIn()",tPopShow);   
}   
}   
    
function   fadeIn(){   
if(dypopLayer.filters.Alpha.opacity>0)   {   
dypopLayer.filters.Alpha.opacity-=1;   
tFadeIn=setTimeout("fadeIn()",1);   
}   
}   
document.onmouseover=showPopupText;   

  </script>

  • 本文标题: 让标签的title属性支持html格式显示
  • 文章分类:【HTML/CSS】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8