点击弹窗，几秒后消失

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_18808965/article/details/80438339

		<script type="text/javascript">
		    $ (function ()
		    {
		    	$ ('#addBox').text("正在开发中，敬请期待...");
		        $ ('.nav ul li').click (function ()
		        {
		            $ ('#addBox').show ().delay (3000).fadeOut ();
		        });
		        $ ('.loginform ul li').click (function ()
		        {
		            $ ('#addBox').show ().delay (3000).fadeOut ();
		        });
		    });
		</script>

<div id="addBox" class="savetips" style="display:none;"></div>

.savetips{
		width: 220px;
		height: 50px;
		/*border:2px solid #ccc;*/
		border-radius: 20px;
		background: #454545;
		font-size: 16px;
		/*font:bold 0/50px Arial;*/
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		text-align: center;
		line-height: 50px;
    	position: fixed;
    	top:50%;
    	left: calc(50% - 110px);
    	color: #fff;
    	/*上右下左*/
    	/*margin: 0px 650 0 150px;*/
	}
	

		<!-- =========引入 jQuery Library =============== -->
		<script type="text/javascript" src="js/jquery.min.js"></script>