欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

个人收集 - 1、自动消失的消息提示(Js+Div实现)

发布时间：2023/11/30 编程问答 50 豆豆
生活随笔 收集整理的这篇文章主要介绍了 个人收集 - 1、自动消失的消息提示(Js+Div实现) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

在Body中加入
<div id="msgdiv" style="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"></div>

最好放置在开头,紧随<Body>之后,理由么,就是在这个位置看着顺眼... 

在<head></head>中加入脚本:

 1var closetime;
 2
 3function showmsg(msg,showtime)
 4{
 5    var md=document.getElementById("msgdiv");
 6    md.innerHTML ="&nbsp;"+msg+"&nbsp;";
 7    md.visibility = "visible";
 8    if(closetime)window.clearTimeout(closetime);
 9    closetime=setTimeout(hiddenmsg,showtime*1000);    
10}
11
12function hiddenmsg()
13{
14    var md=document.getElementById("msgdiv");
15    md.innerHTML = "";
16    md.visibility = "hidden";
17}
其中, msg是要显示的信息,而showtime是信息要显示的秒数;
这个function是我自己用的时候随手弄的,还有很多问题, 适用性不是很强, 用的时候需要注意

转载于:https://www.cnblogs.com/Amnoh/archive/2006/03/18/352592.html

总结

以上是生活随笔为你收集整理的个人收集 - 1、自动消失的消息提示(Js+Div实现)的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。