前端时间公司有需求,需要将报警信息以右下角弹窗的形式展示客户,报警信息对客户很重要要求之前弹出的信息需要存在,所以基于这个需求写了一个jq的弹窗方法配合websocket实现后台向用户端的主动示警并且报警声提示,希望可以帮助到有类似需求的程序猿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-1.6.4.js" ></script>
<style>
#warnTipBox .warnTip .tip-head{
width: 100%;
height: 30px;
line-height: 29px;
background-color: #4e6ef2;
padding-left: 10px;
}
#warnTipBox .warnTip .tip-content{
width:100%;
height:100%;
background:#FFF;
padding: 20px 10px 20px 20px;
font-size: 15px;
}
#warnTipBox .warnTip .tip-close{
color: #FFFF;
border-radius: 12px;
line-height: 20px;
text-alig