超链接提示特效 Title标签特效

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>自定义title - 51windows.net</title> 
</head> 
<body> 
<p><b>自定义title</b>(IE)：把鼠标放在下面的文字上查看效果</p> 
<span title="Javascript" title="">默认效果</span>

<span title="<marquee style='width:100px;'>www.51windows.net</marquee>" altbg="red" altcolor="yellow" altborder="yellow">滚动字幕</span>

<span title="<img src='http://www.51windows.net/51windows.net.logo.gif' border='0'>" altbg="#F7F7F7" altcolor="#999999" altborder="#CCCCCC">图片</span>

<span title="<i style='font-size:24pt;font-family:verdana;'>www.51windows.net</i>" altbg="green" altcolor="yellow" altborder="darkgreen">大字体</span>

<div style="display:none;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;padding:2;" id=altlayer></div> 
<script LANGUAGE="JavaScript">
//IE专用
 document.body.onmousemove = quickalt;
 document.body.onmouseover = getalt;
 document.body.onmouseout = restorealt;
 var tempalt = '';

 function getalt() {
     if (event.srcElement.title && (event.srcElement.title != '' || (event.srcElement.title == '' && tempalt != ''))) {
         altlayer.style.left = event.x;
         altlayer.style.top = event.y + 20;
         altlayer.style.display = '';
         tempalt = event.srcElement.title;
         tempbg = event.srcElement.altbg;
         tempcolor = event.srcElement.altcolor;
         tempborder = event.srcElement.altborder;
         event.srcElement.title = '';
         altlayer.innerHTML = tempalt;
         if (typeof(tempbg) != "undefined") {
             altlayer.style.background = tempbg
         } else {
             altlayer.style.background = "infobackground"
         }
         if (typeof(tempcolor) != "undefined") {
             altlayer.style.color = tempcolor
         } else {
             altlayer.style.color = tempcolor = "infotext"
         }
         if (typeof(tempborder) != "undefined") {
             altlayer.style.border = '1px solid ' + tempborder;
         } else {
             altlayer.style.border = '1px solid #000000';
         }
     }
 }
 function quickalt() {
     if (altlayer.style.display == '') {
         altlayer.style.left = event.x;
         altlayer.style.top = event.y + 10;
     }
 }
 function restorealt() {
     event.srcElement.title = tempalt;
     tempalt = '';
     altlayer.style.display = 'none';
 }
</script>
 </body> </html>
一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31
发表回复 取消回复

相关文章

发表回复取消回复
