<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>