个人收集 - 2、自动消失的消息提示(全Js实现)

最新推荐文章于 2023-01-22 16:29:12 发布

weixin_30414245

最新推荐文章于 2023-01-22 16:29:12 发布

阅读量169

点赞数

原文链接：http://www.cnblogs.com/Amnoh/archive/2006/05/19/404525.html

版权

以前做过一个,但要在<body></body>中插入div,用起来很不方便,干脆做成了一个JS文件,
DIV通过document.body.insertBefore来插入.代码如下:

// 自动消失的消息显示框

function MyMsgDiv()

{

this.msgDiv = null;

this.msgStyle = "FONT-SIZE:12px;LEFT:expression(this.offsetParent.scrollLeft+20);COLOR:#ffffff;LINE-HEIGHT:150%;POSITION:absolute;TOP:expression(this.offsetParent.scrollTop+10);BACKGROUND-COLOR:#7f1ef6;";

this.ffMsgStyle = "FONT-SIZE:12px;LEFT:20px;COLOR:#ffffff;LINE-HEIGHT:150%;POSITION:absolute;TOP:10px;BACKGROUND-COLOR:#7f1ef6;";

this.createDiv = function()

{

this.msgDiv = document.createElement("div");

if(window.XMLHttpRequest)

{

this.msgDiv.style.cssText = this.ffMsgStyle;

}

else

{

this.msgDiv.style.cssText = this.msgStyle;

}

document.body.insertBefore(this.msgDiv, document.body.childNodes[0]);

}

this.Show = function(msgstr)

{

this.msgDiv.innerHTML = " " + msgstr + " ";

}

this.createDiv(); //放置此处是为了防止以下的md值为null

var closetime;

var md = this.msgDiv;

this.Show = function(msg,showtime)

{

md.innerHTML =" "+msg+" ";

md.style.visibility = "visible";

if(closetime)window.clearTimeout(closetime);

closetime=setTimeout(this.Hidden,showtime*1000);

}

this.Hidden = function()

{

md.innerHTML = "";

md.style.visibility = "hidden";

}

}

需要用到此功能的页面中,包含脚本文件,
然后建立一个MyMsgDiv实例,显示信息时再调用实例的Show方法即可:

function test()

{

var md = new MyMsgDiv();

md.Show("Hello, world!", 3);

}

转载于:https://www.cnblogs.com/Amnoh/archive/2006/05/19/404525.html

weixin_30414245

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
个人收集 - 2、自动消失的消息提示(全Js实现)

以前做过一个,但要在<body></body>中插入div,用起来很不方便,干脆做成了一个JS文件,DIV通过document.body.insertBefore来插入.代码如下://自动消失的消息显示框functionMyMsgDiv(){this.msgDiv=null;this.msgStyle="FONT-SIZE:12px;LE...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。