最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JQuery實現(xiàn)網頁右側隨動廣告特效

 更新時間:2016年01月17日 09:45:21   投稿:hebedich  
本文給大家分享的是2則使用jquery實現(xiàn)網頁右側隨動廣告特效的代碼,非常的簡單實用,有需要的小伙伴可以參考下。

方法一:

<script type="text/javascript">// <![CDATA[ 
$.fn.smartFloat = function() { 
  var position = function(element) { 
    var top = element.position().top, pos = element.css("position"); 
    $(window).scroll(function() { 
      var scrolls = $(this).scrollTop(); 
      if (scrolls > top) { 
        if (window.XMLHttpRequest) { 
          element.css({ 
            position: "fixed", 
            top: "10px" 
          }); 
        } else { 
          element.css({ 
            top: scrolls 
          }); 
        } 
      }else { 
        element.css({ 
          position: pos, 
          top: top 
        }); 
      } 
    }); 
  }; 
  return $(this).each(function() { 
    position($(this)); 
  }); 
}; 
 
//綁定 
$("#float").smartFloat(); 
// ]]></script> 

方法二:

/*頁面智能層浮動*/ 
jQuery(document).ready(function($){ 
  var $sidebar = $(".float"), 
  $window = $(window), 
  offset = $sidebar.offset(), 
  topPadding = 20; 
  $window.scroll(function() { 
    if ($window.scrollTop() > offset.top) { 
      $sidebar.stop().animate({ 
        marginTop: $window.scrollTop() - offset.top + topPadding 
      }); 
    } else { 
      $sidebar.stop().animate({ 
        marginTop: 0 
      }); 
    } 
  }); 
}); 

HTML

<div id="float" class="float"> 
<h3>推薦</h3> 
廣告代碼 
</div> 

以上2種方法都可以實現(xiàn)頁面右側的隨動廣告特效,希望對大家能夠有所幫助。

相關文章

最新評論

陵川县| 来安县| 奉化市| 武汉市| 宣武区| 周宁县| 浦江县| 静海县| 西丰县| 乌兰察布市| 左权县| 香港 | 阜新| 兴业县| 通州市| 华池县| 武安市| 富顺县| 广西| 东乡族自治县| 依兰县| 天祝| 普陀区| 禹州市| 东乡| 巴楚县| 汉沽区| 西乌珠穆沁旗| 睢宁县| 大邑县| 定南县| 拉孜县| 黎平县| 富源县| 社会| 双桥区| 大渡口区| 奉贤区| 区。| 南宫市| 阳新县|