阅读文章

自定义提示效果

[日期：2006-04-13]

来源：作者：

[字体：大中小]

前阵子，IE的title提示突然罢工了，找了很多原因就是没找到，一次实验popup.show后，它居然会出来，可是要让title出来前每次都必须调用popup.show方法，这怎么行呢

，估计还是注册表的问题吧，终于放弃，于是制作了这个简单的自动提示js文件。支持firefox&ie,也不会有自带的提示那种过一段时间消失的问题了。

<HTML>

<head>

</head>

<body>

if(!document.attachEvent)

{

document.attachEvent = function(){document.addEventListener(arguments[0].substr(2),arguments[1],arguments[2])}

}

document.attachEvent("onmouseover",function(e)

{

var tip = "";

if(typeof(event)=="undefined"){

tip = e.target.getAttribute("tips")

}else{

e = event;

tip = e.srcElement.tips;

}

if(typeof(tip)!="undefined"&&tip.length>0)

{

var _tips = document.getElementById("myTip");

if(typeof(_tips)=="undefined"||_tips == null)

{

_tips = document.createElement("div");

_tips.id = "myTip";

_tips.style.position = "absolute";

_tips.style.width = "150px";

_tips.style.borderWidth = "1px";

_tips.style.borderStyle = "solid";

_tips.style.borderColor = "gray";

_tips.style.fontSize = "9pt";

_tips.style.backgroundColor = "#ffffff";

_tips.style.color = "#349045";

_tips.style.filter = "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3)";

_tips.style.padding = "5px 8px 3px 8px";

document.body.appendChild(_tips);

_tips.style.display = "none";

}

_tips.style.display = "";

_tips.innerHTML = tip;

_tips.style.left = document.body.scrollLeft+e.clientX+10;

_tips.style.top = document.body.scrollTop+e.clientY+10;

}

);

document.attachEvent('onmouseout',function(e)

{

var _tips = document.getElementById("myTip");

if(_tips!=null)

{

_tips.style.display="none";

}

)

</script>

</body>

</HTML>

阅读：次
录入：blue1000

【评论】【推荐】【打印】

上一篇：UBB,剪贴板,textRange及其他
下一篇：强制顺序下载js文件

发表评论