js网页右下角提示框实例
本文实例讲述了js网页右下角提示框的实现方法,分享给大家供大家参考。具体方法如下:
html代码部分如下:
<styletype="text/css">
.messageTip{border-right:#4556901pxsolid;border-top:#a6b4cf1pxsolid;border-left:#a6b4cf1pxsolid;border-bottom:#4556901pxsolid;z-index:99999;left:0px;top:0px;visibility:hidden;width:230px;position:absolute;background:#cfdef4;text-align:left}
.messageTip.close{position:absolute;right:0px;font-weight:bold;padding:4px4px00;}
.messageTip.closea{color:red;font-size:12px;text-decoration:none;}
.messageTip.content{border-top:#ffffff1pxsolid;border-left:#ffffff1pxsolid}
.messageTip.content.title{color:#1f336b;padding-top:4px;padding-left:4px;height:22px;}
.messageTip.content.msg{border-right:#b9c9ef1pxsolid;border-left:#728eb81pxsolid;border-top:#728eb81pxsolid;padding:10px;margin:1px}
</style>
<scripttype="text/javascript"src="/js/base.js"></script> <divid="eMeng"class="messageTip"> <divclass="close"><ahref="javascript:msgTip.close();"title="关闭">×</a></div> <divclass="content"> <divclass="title">系统提示:</div> <divclass="msg"> 内容 </div> </div> </div>