div懸浮在屏幕的中間及點擊按鈕關閉彈出框

#fd {
position: fixed;
z-index: 999;
width: 109px;
height: 323px;
top: 71%;
right: 1%;
margin: -50px 0 0 -50px;
/*border: 1px solid red;*/
}

 

<div id="fd">

</div>

 

/*點擊按鈕關閉彈出框*/

<div class="close-btn" style=" background-color: #3897E5;">
<a class="text-center" onclick="close1()"><img class="img-responsive center-block" src="img/index/btn_close.png" width="14" height="14" /></a>
</div

<!--
作者：offline
時間：2017-09-27
描述：隱藏聯系客戶js
-->
<script type="text/javascript">
function close1() { //點擊關閉按鈕
document.getElementById('fd').style.display = "none";
}

function time() {
if(document.getElementById('fd').style.display == "none") {
document.getElementById('fd').style.display = "block";
}
}
setInterval("time()", 10000);
</script>