• 安安互联 - 合肥网站建设|合肥做网站
  • 安安网站内容管理系统(ANCMS)
  • 安安互联 - 合肥虚拟主机|合肥空间域名
点击这里给我发消息
网站前端

当前位置: 首页 > 教程资料 > 网站前端

jQuery版全屏漂浮广告代码

作者:Alone    来源:安安网络    点击量:22317    发表时间:2014/3/25 13:43:06
<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>
首页  |  关于我们  |  联系方式  |  付款方式  |  手机建站  |  Sitemap  |  加入收藏

咨询邮箱:Alone@an56.net   客户QQ群:200048060

在线客服: [安安客服]QQ号:11981261[安安客服]  [技术客服]QQ号:805754163[技术客服]  [业务客服]QQ号:731276376[业务客服]  [咨询客服]QQ号:49509266[咨询客服]  [违法举报]QQ号:11981261[违法举报] 

CopyRight 2012-2013 安安网络 All Rights Reserved.

分享