帝国CMS首页弹窗提醒

帝国CMS首页如何实现弹窗提醒功能？

<script>
function insertStr(){
    var str = '<div class="dlipop"><h3>你好，需要文秘或发表文章吗？</h3><p>搜索十次不如咨询一次</p><span class="dlidely">稍后再说</span><a href="javascript:void(0);" class="dlinow" onclick="openChat();return false;">免费咨询</a></div>';
    $("body").append(str);
    $(".dlipop").animate({opacity:1},1000);
    $(".dlipop a,.dlipop span").bind("click", function(){
        $(".dlipop").hide();
    });
}
setTimeout(insertStr, 15000);
</script>
<style>
.dlipop{width:400px; height:240px; text-align:center; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.2); position:fixed; top:50%; left:50%; z-index:9999; margin-left:-200px; margin-top:-120px; background-color:#fff;}
.dlipop h3{display:inline-block; margin-top:50px; font-size:25px; font-weight:400; color:#519932;}
.dlipop p{margin:0 0 30px 0; font-size:18px; color:#777;}
.dlipop a,.dlipop span{display:inline-block; width:120px; height:38px; line-height:38px; cursor:pointer; font-size:15px;    border-radius:5px;}
.dlipop .dlidely{margin-right:30px;    color:#666;    background-color:#eaeaea;}
.dlipop .dlidely:hover{text-decoration:none; background-color:#dcdbdb;}
.dlipop .dlinow{color:#fff;    background-color:#42b112;}
.dlipop .dlinow:hover{text-decoration:none; background-color:#36af02;}
</style>