漂亮的title提示信息 -

umgsai

浏览: 103155 次
性别:
来自: 广州

最近访客更多访客>>

yexiaoshunfeier

abc123

liuqu11

CharlesLibby

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (211)

社区版块

存档分类

漂亮的title提示信息


<HTML>
<HEAD>
<title>一种很酷的文字提示效果演示</title>
<style>
.tableBorder7{width:800;solid;background-color:#000000;}
TD{font-family:宋体;font-size:12px;line-height:15px;}
th{background-color:#f7f7f7;color:#000000;font-size:12px;font-weight:bold;}
th.th1{background-color:#333333;}
td.TableBody7{background-color:#B1EA45;}
</style>
<scriptlanguage="JavaScript">
//morejavascriptfromhttp://www.51it.org
<!--
varpltsPop=null;
varpltsoffsetX=10;//弹出窗口位于鼠标左侧或者右侧的距离；3-12合适
varpltsoffsetY=15;//弹出窗口位于鼠标下方的距离；3-12合适
varpltsPopbg="#FFFFEE";//背景色
varpltsPopfg="#111111";//前景色
varpltsTitle="";
document.write('<divid=pltsTipLayerstyle="display:none;position:absolute;z-index:10001"></div>');

functionpltsinits()
{
document.onmouseover=plts;
document.onmousemove=moveToMouseLoc;
}

functionplts()
{varo=event.srcElement;
if(o.alt!=null&&o.alt!=""){oo.dypop=o.alt;o.alt=""};
if(o.title!=null&&o.title!=""){oo.dypop=o.title;o.title=""};
pltsPop=o.dypop;
if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined")
{
pltsTipLayer.style.left=-1000;
pltsTipLayer.style.display='';
varMsg=pltsPop.replace(/\n/g,"<br>");
MsgMsg=Msg.replace(/\0x13/g,"<br>");
varre=/\{(.[^\{]*)\}/ig;
if(!re.test(Msg))pltsTitle="<fontcolor=#ffffff>简介</font>";
else{
re=/\{(.[^\{]*)\}(.*)/ig;
pltsTitle=Msg.replace(re,"$1")+"";
re=/\{(.[^\{]*)\}/ig;
MsgMsg=Msg.replace(re,"");
MsgMsg=Msg.replace("<br>","");}
//varattr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
varcontent=
'<tablestyle="FILTER:alpha(opacity=90)shadow(color=#bbbbbb,direction=135);"id=toolTipTalbeborder=0><tr><tdwidth="100%"><tableclass=tableBorder7cellspacing="1"cellpadding="0"style="width:100%">'+
'<trid=pltsPoptop><thheight=18valign=bottomclass=th1><b><pid=topleftalign=left><fontcolor=#ffffff>↖</font>'+pltsTitle+'</p><pid=toprightalign=rightstyle="display:none">'+pltsTitle+'<fontcolor=#ffffff>↗</font></b></th></tr>'+
'<tr><td"+attr+"class=tablebody7style="padding-left:14px;padding-right:14px;padding-top:6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+
'<trid=pltsPopbotstyle="display:none"><thheight=18valign=bottomclass=th1><b><pid=botleftalign=left><fontcolor=#ffffff>↙</font>'+pltsTitle+'</p><pid=botrightalign=rightstyle="display:none">'+pltsTitle+'<fontcolor=#ffffff>↘</font></b></th></tr>'+
'</table></td></tr></table>';
pltsTipLayer.innerHTML=content;
toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2);
moveToMouseLoc();
returntrue;
}
else
{
pltsTipLayer.innerHTML='';
pltsTipLayer.style.display='none';
returntrue;
}
}


functionmoveToMouseLoc()
{
if(pltsTipLayer.innerHTML=='')returntrue;
varMouseX=event.x;
varMouseY=event.y;
//window.status=event.y;
varpopHeight=pltsTipLayer.clientHeight;
varpopWidth=pltsTipLayer.clientWidth;
if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight)
{
popTopAdjust=-popHeight-pltsoffsetY*1.5;
pltsPoptop.style.display="none";
pltsPopbot.style.display="";
}
else
{
popTopAdjust=0;
pltsPoptop.style.display="";
pltsPopbot.style.display="none";
}
if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth)
{
popLeftAdjust=-popWidth-pltsoffsetX*2;
topleft.style.display="none";
botleft.style.display="none";
topright.style.display="";
botright.style.display="";
}
else
{
popLeftAdjust=0;
topleft.style.display="";
botleft.style.display="";
topright.style.display="none";
botright.style.display="none";
}
pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust;
pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust;
returntrue;
}
pltsinits();
//-->
</script>
</HEAD>

<BODY>
<divtitle="醉别西楼醒不记，春梦秋云，聚散真容易。<br>斜月半窗还少睡。画屏闲展吴山翠。<br>衣上酒痕诗里字，点点行行，总是凄凉意。<br>红烛自怜无好计，夜寒空替人垂泪。">蝶恋花</div>
</BODY>
</HTML>