alt的特殊显示方式

最新推荐文章于 2024-08-09 22:56:37 发布

stefli

最新推荐文章于 2024-08-09 22:56:37 发布

阅读量1.1k

点赞数

分类专栏： Javascript 文章标签： null function filter border div input

本文链接：https://blog.csdn.net/stefli/article/details/199175

版权

Javascript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<Script>
//标题处理开始
//***********默认设置定义.*********************
tPopWait=50;//停留tWait豪秒后显示提示。
tPopShow=1000;//显示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: 20px; 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.tagName=="INPUT") || (o.tagName=="TEXTAREA"))&&(! o.disabled))
{
//o.
//if ( o.blur )
{
//o.focus();
//o.value += "";
}
}

if( o.HintWidth != null)
{
dypopLayer.style.width = o.HintWidth
}
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 fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0)
{
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout('fadeIn()',1);
}
}
document.οnmοuseοver=showPopupText;

document.write ('<div id="menuDiv" style="Z-INDEX: 2; WIDTH: 1px; POSITION: absolute; HEIGHT: 1px; BACKGROUND-COLOR: #9cc5f8; visibility: hidden;"></div>');
//标题处理结束
</Script>
<a href="http://blog.csdn.net/stefli" alt="stefli's Blog,Js Code from http://www2.gliet.edu.cn/club2/">Stefli</a>

效果如下:

渐隐效果: