两侧跟随广告

两侧跟随广告

思路:当鼠标滚动的时候左右两边广告跟着滚动

html

  <div class="left"><img src="images/1.gif" alt=""/></div>
    <div class="right"><img src="images/2.gif" alt=""/></div>

css

.left,.right{
            position: absolute;
            top:80px;
        }
        .left{
            left: 0;
        }
        .right{
            right: 0;
        }

jquery

  $(function(){
            $(window).scroll(function () {
                var top = $(document).scrollTop();
                $(".left").stop().animate({"top" : top + 50},600);
                $(".right").stop().animate({"top" : top + 50},600);
                
                // $(".left,.right").stop().animate({"top" : top + 50},600);
            });
        });