欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery實(shí)現(xiàn)網(wǎng)頁右側(cè)隨動(dòng)廣告特效

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

方法一:

<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> 

方法二:

/*頁面智能層浮動(dòng)*/ 
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種方法都可以實(shí)現(xiàn)頁面右側(cè)的隨動(dòng)廣告特效,希望對大家能夠有所幫助。

相關(guān)文章

  • JQuery中Text方法用法實(shí)例分析

    JQuery中Text方法用法實(shí)例分析

    這篇文章主要介紹了JQuery中Text方法用法,實(shí)例分析了Text方法設(shè)置文本內(nèi)容的使用方法,非常簡單實(shí)用,需要的朋友可以參考下
    2015-05-05
  • jQuery日歷插件datepicker用法詳解

    jQuery日歷插件datepicker用法詳解

    這篇文章主要為大家詳細(xì)介紹了jQuery日歷插件datepicker用法,感興趣的小伙伴們可以參考一下
    2016-03-03
  • jquery 將當(dāng)前時(shí)間轉(zhuǎn)換成yyyymmdd格式的實(shí)現(xiàn)方法

    jquery 將當(dāng)前時(shí)間轉(zhuǎn)換成yyyymmdd格式的實(shí)現(xiàn)方法

    下面小編就為大家?guī)硪黄猨query 將當(dāng)前時(shí)間轉(zhuǎn)換成yyyymmdd格式的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考
    2016-06-06
  • 解決jQuery uploadify在非IE核心瀏覽器下無法上傳

    解決jQuery uploadify在非IE核心瀏覽器下無法上傳

    之前上傳了一個(gè)通過Flash實(shí)現(xiàn)多文件上傳,但是在IE正常運(yùn)行,F(xiàn)ireFox 不能正常上傳。經(jīng)過反復(fù)研究學(xué)習(xí),之所以firefox和360瀏覽器無法正常運(yùn)行,是因?yàn)镕ireFox、chrome、360瀏覽器等支持HTML5的瀏覽器不會(huì)再文件上傳時(shí)自動(dòng)帶入session信息和cookie,不共享session。
    2015-08-08
  • jquery捕捉回車鍵及獲取checkbox值與異步請求的方法

    jquery捕捉回車鍵及獲取checkbox值與異步請求的方法

    這篇文章主要介紹了jquery捕捉回車鍵及獲取checkbox值與異步請求的方法,實(shí)例分析了jQuery針對回車鍵的捕捉,checkbox值的獲取以及異步請求的響應(yīng)等相關(guān)技巧,需要的朋友可以參考下
    2015-12-12
  • jquery事件preventDefault()方法用法實(shí)例

    jquery事件preventDefault()方法用法實(shí)例

    這篇文章主要介紹了jquery事件preventDefault()方法用法,實(shí)例分析了preventDefault()方法的功能及使用技巧,需要的朋友可以參考下
    2015-01-01
  • JQuery獲取樣式中的background-color顏色值的問題

    JQuery獲取樣式中的background-color顏色值的問題

    用JQuery獲取樣式中的background-color的值時(shí)發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣,經(jīng)搜索找到了下段代碼可解決此問題,感興趣的朋友可以參考下
    2013-08-08
  • jQuery插件制作的實(shí)例教程

    jQuery插件制作的實(shí)例教程

    一款優(yōu)秀的jQuery插件,要做到通用、靈活度高、可配置、兼容性好、易用性高、耦合度低...想要做到這些,嘿嘿,那么就來看今天所介紹的jQuery插件制作的實(shí)例教程.
    2016-05-05
  • jQuery實(shí)現(xiàn)在新增加的元素上添加事件方法案例分析

    jQuery實(shí)現(xiàn)在新增加的元素上添加事件方法案例分析

    這篇文章主要介紹了jQuery實(shí)現(xiàn)在新增加的元素上添加事件方法,結(jié)合具體實(shí)例形式分析了jQuery針對新增加的元素添加事件的實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下
    2017-02-02
  • jQuery提示效果代碼分享

    jQuery提示效果代碼分享

    這里給大家分享幾段JQuery提示效果的代碼,非常的簡單實(shí)用,有需要的小伙伴直接拿走吧
    2014-11-11

最新評論