手机网页js提示小插件

<script type="text/javascript">  

/* 

*功能：显示提示信息 

*str：提示的文字 

*second:提示信息显示的秒数 

*callback:提示消失后的回调函数 

*/  

function show_notice(str,second,callback){  

    var box_id = 'notice_box';  

    var tooltipBox = document.getElementById(box_id);  

    if(tooltipBox){  

        document.body.removeChild(tooltipBox);  

    }  

    if(!second) second = 2;  

    tooltipBox = document.createElement('div');  

    tooltipBox.innerHTML = str;  

    tooltipBox.id = box_id;  

    tooltipBox.style.background='rgba(94,94,94,.8)';  

    tooltipBox.style.color='#fff';  

    tooltipBox.style.display='inline-block';  

    tooltipBox.style.padding = '0.4em 0.5em';  

    tooltipBox.style.borderRadius = '1em';  

    tooltipBox.style.fontSize = '0.9em';  

    document.body.appendChild(tooltipBox);  

    var vWidth = document.documentElement.clientWidth;  

    var vHeight = document.documentElement.clientHeight;  

    tooltipBox.style.position = 'fixed';  

    tooltipBox.style.zIndex = '9999';  

    tooltipBox.style.left = ((vWidth/2)-(tooltipBox.offsetWidth/2))+'px';  

    tooltipBox.style.top = ((vHeight/2)-(tooltipBox.offsetHeight/2))+'px';  

    setTimeout(function () {  

                    document.body.removeChild(tooltipBox);  

                    if(callback)    callback();  

                }, second*1000);  

}  

  

//使用示例  

show_notice('保存成功',2);    

show_notice('保存成功',2,function(){alert('callback');});   

  

</script>