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>
效果如下:
渐隐效果:
//标题处理开始
//***********默认设置定义.*********************
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>
效果如下:
渐隐效果:
相关文章推荐
- NOV/30/2004
- 请问在.net framework精简版,使用C#语言如何实现MD5和SHA1算法
- delphi修改电脑IP
- iBatis指南、Hibernate指南、Spring开发指南
- The Curl Programming Language
- ORALCE: Select into VS Insert into select(真的晕)
- 什么是职业生涯规划?
- 我看网上的一些心理测试
- GARFIELD@11-30-2004
- Delphi控制Excel
- 遍历网上邻居用户名称
- 有个叫“强名称”的东东,“强名称”是什么意思,有什么作用?
- 关于showModalDialog()弹出窗口.更改了页面的数据,再次点击页面却没有刷新-cache 处理
- 如何更有效的例用字符串
- 好郁闷啊
- 《生活饮用水卫生规范》
- 请教:VS中如何给程序打包?
- 防止SQL脚本利用
- 一个数据连接例子c#
- 上海俚语溯源