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>