自定义TITLE提示效果

最新推荐文章于 2023-02-03 20:00:16 发布

zgqtxwd

最新推荐文章于 2023-02-03 20:00:16 发布

阅读量479

点赞数

分类专栏： javascript 文章标签： javascript function border ie

javascript 专栏收录该内容

589 篇文章 0 订阅

订阅专栏

<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><br><br>
<span TITLE="<marquee style='width:100px;'>www.51windows.net</marquee>" altbg="red" altcolor="yellow" altborder="yellow">滚动字幕</span><br><br>
<span TITLE="<img src='http://www.51windows.net/51windows.net.logo.gif' border='0'>" altbg="#F7F7F7" altcolor="#999999" altborder="#CCCCCC">图片</span><br><br>
<span TITLE="<i style='font-size:24pt;font-family:verdana;'>www.51windows.net</i>" altbg="green" altcolor="yellow" altborder="darkgreen">大字体</span><br><br>
<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.οnmοusemοve=quickalt;
document.body.οnmοuseοver=getalt;
document.body.οnmοuseοut=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>