悬浮窗实现源码

<style type="text/css">
.layui-layer-shade{z-index:999998;background-color:rgb(0, 0, 0);opacity:0.8;position:fixed;pointer-events:auto;top:0;left:0;width:100%;height:100%}
.mian_aq{position:fixed;top:50px;border-radius:2px;box-shadow: 1px 1px 50px rgba(0,0,0,.3);overflow:hidden;width:800px;border:1px solid #CCC;z-index:999999;background:#fff;left:50%;margin-left:-400px}
.mian_aq .bn{color:#FFF;border:0;cursor:pointer;font-size:18px; position:absolute;right:10px; top:5px;}
</style>
<div class="yc layui-layer-shade"></div>
<div class="yc mian_aq">
  <img src="http://*****/images/*****.jpg" width="800"/>
<span class="bn">×</span>
</div>
<script type="text/javascript">
var cookies = getCookie('yc');
if(cookies==1){
    //$(".yc").hide();
}
$(".bn").on("click", function() {
    //setCookie('yc',1,4);
    $(".yc").hide();
})
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
         }
         if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
         }
     }
    return "";
} 
</script>