jq html飘窗

<!--飘窗-->
<script type="text/javascript" src="https://webftp.zzidc.com/skins/shinra/js/jquery-1.5.1.min.js"></script>
<script>
    $(document).ready(function () {

        $("#guanbi").click(function () {

            $("#roll").attr("style", "display:none;");//隐藏div
            console.log('************');
        });

    });



</script>
<style type="text/css">
    #roll {
        height: 200px;
        position: fixed;
        /*fixed实现绝对定位*/
        cursor: pointer;
        box-shadow: 9px 0px 20px 1PX #b28282;

        border: 1px solid black;


    }

    #piao_chuang {
        background: url('txz.jpeg') no-repeat;
        background-position: center center;
        background-size: cover;
        width: 200px;
        height: 200px;
        margin: 0 auto;
        text-align: center;
        line-height: 60px;
        border: 1px solid #f00;

    }

    #roll img {
        height: 200px;
    }

    #guanbi {
        margin-top: -16px;
        margin-left: 175px;
    }
</style>

<div id="roll">


    <div id="piao_chuang">
        <div id="guanbi">X</div>
        <a href="http://baidu.com/" target="_blank">
            <font color="#FFF">
                <h4> 平台<h4>
            </font>
        </a>
    </div>
</div>


<script type="text/javascript">
    var ggRoll = {                                     //创建对象直接量
        roll: document.getElementById("roll"),          //获取id属性为roll的对象
        speed: 20,                                      //飘动速度，即为定时器函数多长时间执行一次
        statusX: 1,                                     //规定每执行一次函数，left属性值变化的幅度
        statusY: 1,                                     //规定每执行一次函数，top属性值变化的幅度
        x: 100,                                         //规定初始状态下left属性的值
        y: 300,                                         //规定初始状态下top属性的值
        //差值用来测算left属性值的极限
        winW: document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,
        //差值用来测算top属性值的极限
        winH: document.documentElement.clientHeight - document.getElementById("roll").offsetHeight,
        //声明函数
        Go: function () {
            //设置div的left属性值
            this.roll.style.left = this.x + 'px';
            //设置div的top属性值
            this.roll.style.top = this.y + 'px';
            //如果statusX=1则每次减少1px,否则减少1px
            this.x = this.x + (this.statusX ? -1 : 1)
            //如果left属性值小于0，也就是div要超出左边界了，就将statusX设置为0
            if (this.x < 0) { this.statusX = 0 }
            //如果top属性值大于winW，也就是div要超出右边界了，就将statusX设置为1
            if (this.x > this.winW) { this.statusX = 1 }

            this.y = this.y + (this.statusY ? -1 : 1)
            if (this.y < 0) { this.statusY = 0 }
            if (this.y > this.winH) { this.statusY = 1 }

        }
    };
    var interval = setInterval("ggRoll.Go()", ggRoll.speed);
    ggRoll.roll.onmouseover = function () { clearInterval(interval) };                     //onmouseover属性：鼠标移动到元素上时触发
    ggRoll.roll.onmouseout = function () { interval = setInterval("ggRoll.Go()", ggRoll.speed) };//onmouseout属性:鼠标离开元素时触发





</script>