<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自定义title - azhong.com</title>
</head>
<body >
<p><B>自定义title</B>(IE & FireFox...)：把鼠标放在下面的文字上查看效果</p>
<span title="Javascript" title="">默认效果</span><br>
<br>
<span
title="<marquee style='width:60px;'>http://liulipeng01.blog.163.com/</marquee>"
altbg="red"
altcolor="yellow"
altborder="yellow"
>滚动字幕</span><br>
<br>
<span
title="<img src='http://os.blog.163.com/common/ava.s?host=liulipeng01&b=0&r=1316831609111' border='0'>"
altbg="#F7F7F7"
altcolor="#999999"
altborder="#CCCCCC"
>图片</span><br>
<br>
<span
title="
<i style='font-size:18pt;font-family:verdana;'>
welcome to <font color='yellow'>http://liulipeng01.blog.163.com/</font>
</i>"
altbg="green"
altcolor="black"
altborder="darkgreen"
>大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体</span><br>
<br>
<a
href="http://liulipeng01.blog.163.com/"
title="<ul
style='list-style-image:url(http://os.blog.163.com/common/ava.s?host=liulipeng01&b=0&r=1316831609111)'>
<li>我是好人呐！</li>
<li>我是好人呐！</li>
<li>我是好人呐！</li>
</ul>">我是好人！
</a>
<a
href="http://liulipeng01.blog.163.com/"
title="<ol><li>我是好人呐！</li><li>我是好人呐！</li><li>我是好人呐！</li></ol>"
>我是好人！</a>
<div
style="display:none;
border:1px solid #000000;
background-color:#FFFFCC;
font-size:12px;
position:absolute;
padding:2;"
id="_altlayer"
></div>
<script language="JavaScript">
<!--
document.body.onmousemove=quickalt;
document.body.onmouseover=getalt;
document.body.onmouseout=restorealt;
var tempalt='';
var UA=navigator.userAgent.toLowerCase();
var ISIE=(UA.indexOf("msie") > 0);
function $(hw_){return document.getElementById(hw_);}
function _Move(evn,o){
_bW=document.body.clientWidth;
_left1=document.body.scrollLeft+evn.clientX+10;
_oW=o.offsetWidth;
_left=((evn.clientX+_oW)>_bW)?(_left1-_oW-10):_left1;
if((evn.clientX+_oW)>_bW){_left=(_oW<evn.clientX)?(_left1-_oW-10):_left1;}
_bH=document.body.clientHeight;
_top1=document.body.scrollTop+evn.clientY+6;
_oH=o.offsetHeight;
_top=((evn.clientY+_oH)>_bH)?(_top1-_oH-6):_top1;
if((evn.clientY+_oH)>_bH){_top1=(_oH<evn.clientY)?(_top1-_oH-6):_top1;}
o.style.left=_left;
o.style.top=_top;
}
function getalt(hw_){
if(ISIE){evn=event}else{evn=hw_}
var eo = evn.srcElement?evn.srcElement:evn.target;
if(eo.title && (eo.title!=""|| (eo.title=="" && tempalt!=""))){
o = $("_altlayer");
_Move(evn,o);
o.style.display='';
tempalt=eo.title;
tempbg=eo.getAttribute("altbg");
tempcolor=eo.getAttribute("altcolor");
tempborder=eo.getAttribute("altborder");
eo.title='';
o.innerHTML=tempalt;
if (tempbg!=null){o.style.background=tempbg}else{o.style.background="infobackground"}
if (tempcolor!=null){o.style.color=tempcolor}else{o.style.color=tempcolor="infotext"}
if (tempborder!=null){o.style.border="1px solid "+tempborder;}else{o.style.border="1px solid #000000";}
}
}
function quickalt(hw_){
if(ISIE){evn=event}else{evn=hw_}
o = $("_altlayer");
if(o.style.display==""){
_Move(evn,o);
}
}
function restorealt(hw_){
if(ISIE){evn=event}else{evn=hw_}
var eo = evn.srcElement?evn.srcElement:evn.target;
eo.title=tempalt;
tempalt="";
$("_altlayer").style.display="none";
}
//-->
</script>
</body>
</html>