第一种方法
<script>
            var popST=null;
            var atePopup();
            function ShowPop(){ 
              var obody=pop.document.body
              obody.innerHTML="<font>修改状态成功！3秒后自动消失";
              obody.style.border="solid 1px black";
              useover=function(){
                if(popST){clearTimeout(popST);popST=null;}
              }
              useout=function(){
                popST=setTimeout(function(){pop.hide();},3000);
              }
              pop.show(200,100,200,100,document.body);
              popST=setTimeout(function(){pop.hide();},3000);
            }
      </script>
第二种方法
<script>
    var showMsg1 = function( _msg ){
        jQuery('<div />').attr('id', 'showMsg')
        .css({position: 'absolute', margin:'-28px 0 0 110px', padding: '5px 25px', 'font-size': '14px', 'font-weight': 'bold', 'color': '#dd4b4b', border: '1px solid #dd4b4b', background: '#ffd5d2', zIndex: '9000'})
        .html(_msg)
        .appendTo( jQuery('#Msg') );
        setTimeout( function(){
            jQuery('#showMsg').fadeOut('slow', function(){
                jQuery('#Msg').find('#showMsg').remove();
            });
        }, 3000)
    };
      </script>
第三种方法
<script type="text/javascript" language="javascript">
var popST=null;
function sAlert(str){
var msgw,msgh,bordercolor;
msgw=400;//提示窗口的宽度
msgh=100;//提示窗口的高度
titleheight=25//提示窗口标题高度
bordercolor="#336699";//提示窗口的边框颜
titlecolor="#99CCFF";//提示窗口的标题颜
var sWidth,sHeight;
sWidth=document.body.offsetWidth;//浏览器工作区域内页面宽度 或使用 screen.width//屏幕的宽度
sHeight=screen.height;//屏幕高度（垂直分辨率）
//背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰）
var ateElement("div");//创建一个div对象（背景层） //动态创建元素，这里创建的是 div
jquery弹出div窗口//定义div属性，即相当于(相当于，但确不是，必须对对象属性进行定义
//<div id="bgDiv" ></div>
bgObj.setAttribute('id','bgDiv');
bgObj.style.position="absolute";
p="0";
bgObj.style.background="#777";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
bgObj.style.opacity="0.6";
bgObj.style.left="0";
bgObj.style.width=sWidth + "px";
bgObj.style.height=sHeight + "px";
bgObj.style.zIndex = "10000";
document.body.appendChild(bgObj);//在body内添加该div对象
//创建一个div对象（提示框层）
var ateElement("div")
//定义div属性，即相当于
//<div id="msgDiv" align="center" ></div>
msgObj.setAttribute("id","msgDiv");
msgObj.setAttribute("align","center");
msgObj.style.background="white";
msgObj.style.border="1px solid " + bordercolor;
msgObj.style.position = "absolute";
msgObj.style.left = "50%";
p = "50%";
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObj.style.marginLeft = "-225px" ;
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
msgObj.style.width = msgw + "px";
msgObj.style.height =msgh + "px";
Align = "center";
msgObj.style.lineHeight ="25px";
msgObj.style.zIndex = "10001";
var ateElement("h4");//创建一个h4对象（提示框标题栏）
//定义h4的属性，即相当于
//<h4 id="msgTitle" align="right" onclick="">关闭</h4>
title.setAttribute("id","msgTitle");
title.setAttribute("align","center");
title.style.margin="0";
title.style.padding="3px";
title.style.background=bordercolor;
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity="0.75";
title.style.border="1px solid " + bordercolor;
title.style.height="18px";
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
lor="white";
title.style.cursor="pointer";
title.innerHTML="操作提示";
lick=removeObj;
function removeObj(){//点击标题栏触发的事件
  veChild(bgObj);//删除背景层Div
  ElementById("msgDiv").removeChild(title);//删除提示框的标题栏
  veChild(msgObj);//删除提示框层
}
document.body.appendChild(msgObj);//在body内添加提示框div对象msgObj

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。