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