自定义Title

站内搜索

热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机

网页特效分类

网页特效分类 >> CSS相关

自定义Title

[ 发布者：肥鱼 | 来源：本站整理 | 时间：2005-11-8 | 浏览：人次 ]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|JcwCn.Com/Js|---自定义Title</title>
</head>
<body>
<p><B>自定义title</B>(IE)：把鼠标放在下面的文字上查看效果</p>
<span title="Javascript" title="">默认效果</span><br><br>
<span title="<marquee style='width:100px;'>http://sc.jcwcn.com/tx/Js</marquee>" altbg="red" altcolor="yellow" altborder="yellow">滚动字幕</span><br><br>
<span title="<img src='http://sc.jcwcn.com/tx/Js/Images/Logo.gif' border='0'>" altbg="#F7F7F7" altcolor="#999999" altborder="#CCCCCC">图片</span><br><br>
<span title="<i style='font-size:24pt;font-family:verdana;'>http://sc.jcwcn.com/tx/Js</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.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>

本类相关特效