右下角定时弹窗

最新推荐文章于 2020-12-10 22:10:34 发布

好吃不看我

最新推荐文章于 2020-12-10 22:10:34 发布

阅读量418

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_23347913/article/details/50537401

本文介绍了一种使用JavaScript实现的动态显示与隐藏的提示框功能，该提示框能够根据管理员身份自动弹出，并在一定时间后自动关闭。此外，还提供了指向退休人员和调岗人员详情页面的链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定时关闭

<div id="winpop">
 <div class="title">提示<span class="close" onclick="hideDiv()">X</span></div>
    <div class="con">
     <center>   
    <br />
      <a href="../SJGBKP/getRetire.do" target="homelist">退休人员详情(${retireUsercount})</a> <br />
      <a href="../SJGBKP/getTransfer.do" target="homelist">调岗人员详情(${transferUsercount})</a>
      </center> <br /><br />
</div>
</div>
<script type="text/javascript">

 function tips_pop(){
	  var MsgPop=document.getElementById("winpop");
	  var popH=parseInt(MsgPop.style.height);
	   MsgPop.style.display="block";
	  show=setInterval("changeH('up')",2);
	} 
 	function hideDiv(){
		document.getElementById("winpop").style.display="none"; 
	//	alert("....");
	 }  
	
	function changeH(str) {
	 var MsgPop=document.getElementById("winpop");
	 var popH=parseInt(MsgPop.style.height);
	 if(str=="up"){     
	  if (popH<=150){   
	  MsgPop.style.height=(popH+1).toString()+"px";
	  }
	  else{  
	  clearInterval(show);
	  }
	 }
	 if(str=="down"){ 
	  if (popH>=4){       
	  MsgPop.style.height=(popH-1).toString()+"px";
	  }
	  else{       
	  clearInterval(hide);    
	  MsgPop.style.display="none";  
	  }
	 }
	}

	window.onload=function(){    
	var userType=document.getElementById('checkUserType').value;
	if("admin"==userType){
		document.getElementById('winpop').style.height='0px';
		setTimeout("tips_pop()", 3000); 
	}
	}
	
	 
	setTimeout("hideDiv()", 60000); 
 </script>