capacityFixed是jquery插件,是消息定位提示框。
在灞橋等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供網站設計、成都做網站 網站設計制作按需網站策劃,公司網站建設,企業(yè)網站建設,成都品牌網站建設,成都營銷網站建設,成都外貿網站制作,灞橋網站建設費用合理。
當瀏覽器滾動的時候,要浮層要移除瀏覽器界面視區(qū)的時候,修改其position屬性,讓其浮動在窗口的上沿顯示。
弄一個div里面寫提示信息 然后隱藏,點擊按鈕click事件把div顯示
1、加上DIV彈出框
function AddRunningDiv() {
$("div class=\"datagrid-mask\"/div").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");
$("div class=\"datagrid-mask-msg\"/div").html("正在處理,請稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });
}
2、取消所彈出的DIV
function MoveRunningDiv() {
$("div[class='datagrid-mask']").remove();
$("div[class='datagrid-mask-msg']").remove();
}
1、加入語音提示
audio id="sound" autoplay="autoplay"
動態(tài)加入播放語音文件代碼:
document.getElementById("sound").src="%=basePath%admin/media/global.wav";
2、動態(tài)彈出消息提示框:
在此處我導入了jquery.gritter.js和jquery.gritter.css,具體實現(xiàn)代碼:
jQuery(document).ready(function() {
setInterval(function(){
$.post('ajax/linecheck',function(data){
var json=eval("("+data+")");
$.each(json,function(index,item){
$("#line"+item.id).html("")
$.each(item.localList,function(index,item2){
if(item2.attendOCList!=""){
$("#line"+item.id).append("li class='in' id='in"+item2.id+"'div class='avatar'"
+item2.location+"/divdiv class='message'ul id=li"+item2.id+"/ul/div/li")
}
$.each(item2.attendOCList,function(index,item3){
if(item3.status==0){
$("#li"+item2.id).append("li class='user'span class='username'"+item3.person_name
+"/spanbrspan style='color:red;' class='username'時間: "
+ item3.today+" "+item3.times +"/spanbrspan class='username'電話:"
+item3.person_phone+"/spanbrspan class='username'身份證:"
+item3.card_id+"/span/lihr");
}else{
$("#li"+item2.id).append("li class='user'span class='username'"
+item3.person_name+"/spanbrspan style='color:red;' class='username'時間: "
+ item3.today+" "+item3.times +"/spanbrspan class='username'電話:"
+item3.person_phone+"/spanbrspan class='username'身份證:"
+item3.card_id+"/span/lihr");
document.getElementById("sound").src="%=basePath%admin/media/global.wav";
setTimeout(function () {
var unique_id = $.gritter.add({
title: item3.person_name+"("+item2.location+")",
text:"span class='username'"+item3.person_name
+"/spanbrspan style='color:red;' class='username'時間: "
+ item3.today+" "+item3.times +"/spanbrspan class='username'電話:"
+item3.person_phone+"/spanbrspan class='username'身份證:"+item3.card_id+"/span",
sticky: true,
time: '',
class_name: 'my-sticky-class'
});
setTimeout(function () {
$.gritter.remove(unique_id, {
fade: true,
speed: 'slow'
});
}, 12000);
}, 2000);
}
});
});