当前位置: 代码迷 >> Web前端 >> 页面讯息提示框,带滤镜效果,渐入渐出
  详细解决方案

页面讯息提示框,带滤镜效果,渐入渐出

热度:149   发布时间:2012-11-09 10:18:47.0
页面消息提示框,带滤镜效果,渐入渐出

页面提示效果

?

HTML部分:

??????????????? <STYLE type="text/css">

?????????????????????? .article {font-size: 9pt;
?BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden
?; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 0px}

??????????????? </STYLE>

?

<tbody>

?

<div id="divmsg" align="center" class="article"></div>

</tbody>

?

js部分:

function storeHour(obj,indexid){

?$.ajax({
?????type:"POST",
?????url:"getOptrionallastPlanTime.do",
?????cache:false,
?????async:false,
?????data:"principal="+temp[1]+"&personHour="+count,
?????success:function(msg){
???? ?if(msg == "") {
??????? ?return;
????? ?}else{
????? ??divMsg.style.display ="";
????? ??divMsg.innerText = "";
????? ??planTimes[ids].value =msg;
????? ??hiddenPersonID[ids].value = exePersonIDs[ids].value+","+count+","+msg;
????? ??count = Number(exePersonIDs[ids].value.split(',')[3])+Number(count);
????? ??if (itemWork[i].value == '0') {????? ??
????? ???ShowMsg('<font color="red">硬派工单</font></br>当前计划完成时间不延后<br>&nbsp;硬派任务不纳入月工时统计');
????? ??} else {
????? ???ShowMsg(exePersonIDs[ids].value.split(',')[1]+'当前工时为:'+exePersonIDs[ids].value.split(',')[3]+'小时,累加该次工时为:'+count+'小时!');
????? ??}
????? ?}
????? }
???
???});

}

?

?

?function ShowMsg(text) {
? var divid =? document.getElementById("divmsg");
? divid.style.display = '';
? divid.innerHTML = text;
? divid.filters.revealTrans.apply();
? divid.style.visibility = "visible";
? divid.filters.revealTrans.play();
?
? setTimeout('HideDIV()', 3600 )
?}
?

?

?

  相关解决方案