一些自己编写的简单的js

图片在窗口内弹来弹去的效果

<div class="FrontAdv_float01-default" style="position: absolute;z-index: 999;width: 450px; height: 200px;">
    <img src="http://www.houyigroup.com/imageRepository/2bcbdd45-4546-45a0-8869-557d06f521fd.jpg" alt="" height="200" width="450">
    <a style="position: absolute;top:0;right:0;font-size: 25px;">X</a>
</div>
<script>
    var leftcss = 50;
    var topcss = 50;
    leftb = 1;
    topb = 1;
//        layer.alert("黑名单预警提示　　　　　　　　　　　　　　　根据化工群友举报, 山东汇淼环保科技有限公司（原淄博釜尊化工设备有限公司）存在欺诈行为， 请各位谨慎交易。　　　　　　　　　　　　　　　　联系人：王芳（法人）18364360388");
        setInterval(function(){
            var height =$(window).height();
            var width =$(window).width();
            console.log(leftcss);
            console.log(topcss);
            if(leftb ==1){
                if(leftcss >(width-449)){
                    leftb=0;leftcss--;
                }else{
                    leftcss++;
                }
            }else{
                if(leftcss <1){
                    leftb=1;leftcss ++;
                }else{
                    leftcss--;
                }
            }
            if(topb ==1){
                if(topcss >(height-201)){
                    topb =0;topcss --;
                }else{
                    topcss ++;
                }
            }else{
                if(topcss <1){
                    topb =1;topcss ++;
                }else{
                    topcss --;
                }
            }
            $(".FrontAdv_float01-default").css({'left':leftcss,'top':topcss});
        },20);
</script>