您的位置:首页 > 其它

alt的特殊显示方式

2004-11-30 14:12 375 查看
<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 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;

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 steflihttp://www2.gliet.edu.cn/club2/">Stefli</a>

效果如下:



渐隐效果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: