手机网页js提示小插件

1. <script type="text/javascript">  
2. /* 
3. *功能：显示提示信息 
4. *str：提示的文字 
5. *second:提示信息显示的秒数 
6. *callback:提示消失后的回调函数 
7. */  
8. function show_notice(str,second,callback){  
9.     var box_id = 'notice_box';  
10.     var tooltipBox = document.getElementById(box_id);  
11.     if(tooltipBox){  
12.         document.body.removeChild(tooltipBox);  
13.     }  
14.     if(!second) second = 2;  
15.     tooltipBox = document.createElement('div');  
16.     tooltipBox.innerHTML = str;  
17.     tooltipBox.id = box_id;  
18.     tooltipBox.style.background='rgba(94,94,94,.8)';  
19.     tooltipBox.style.color='#fff';  
20.     tooltipBox.style.display='inline-block';  
21.     tooltipBox.style.padding = '0.4em 0.5em';  
22.     tooltipBox.style.borderRadius = '1em';  
23.     tooltipBox.style.fontSize = '0.9em';  
24.     document.body.appendChild(tooltipBox);  
25.     var vWidth = document.documentElement.clientWidth;  
26.     var vHeight = document.documentElement.clientHeight;  
27.     tooltipBox.style.position = 'fixed';  
28.     tooltipBox.style.zIndex = '9999';  
29.     tooltipBox.style.left = ((vWidth/2)-(tooltipBox.offsetWidth/2))+'px';  
30.     tooltipBox.style.top = ((vHeight/2)-(tooltipBox.offsetHeight/2))+'px';  
31.     setTimeout(function () {  
32.                     document.body.removeChild(tooltipBox);  
33.                     if(callback)    callback();  
34.                 }, second*1000);  
35. }  
36.   
37. //使用示例  
38. show_notice('保存成功',2);    
39. show_notice('保存成功',2,function(){alert('callback');});   
40.   
41. </script>