jQuery版全屏漂浮广告代码

作者:Alone    来源:安安网络    点击量:22264    发表时间:2014-03-25

<script>
$(function()
{
  $('.an-ad-float').css('position',function()
  {
    // - JQ by Al-one.cn
    var win = $(window),
        obj = $(this).css({'float':'left','z-index':999999}),
        dly = parseInt(obj.attr('data-delay')) || 60,
        stp = parseInt(obj.attr('data-step')) || 2,
        _x  = parseInt(obj.css('left')) || 500,
        _y  = parseInt(obj.css('top')) || 260,
        _il = _ir = true,
        ter;
    function float()
    {
      var _l = _t = 0,
          _r = win.width() - obj.width() - 2,
          _b = win.height() - obj.height() - 2;
      obj.css({left:_x + win.scrollLeft(),top:_y + win.scrollTop()});
      _x += stp * (_il ? 1 : -1);
      if(_x < _l) { _il = true;_x = _l; }
      if(_x > _r) { _il = false;_x = _r; }
      _y += stp * (_ir ? 1 : -1);
      if(_y < _t) { _ir = true;_y = _t; }
      if(_y > _b) { _ir = false;_y = _b; }
    }
    obj.hover(function() { clearInterval(ter); },
    function() { ter = setInterval(float,dly); })
    .trigger('mouseleave');
    obj.find('.an-ad-close')
    .css('cursor','pointer')
    .click(function()
    {
      obj.hide(500);
      clearInterval(ter);
      return false;
    });
    return 'absolute';
  });
});
</script>