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 將當(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核心瀏覽器下無法上傳
之前上傳了一個(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-08jquery捕捉回車鍵及獲取checkbox值與異步請求的方法
這篇文章主要介紹了jquery捕捉回車鍵及獲取checkbox值與異步請求的方法,實(shí)例分析了jQuery針對回車鍵的捕捉,checkbox值的獲取以及異步請求的響應(yīng)等相關(guān)技巧,需要的朋友可以參考下2015-12-12jquery事件preventDefault()方法用法實(shí)例
這篇文章主要介紹了jquery事件preventDefault()方法用法,實(shí)例分析了preventDefault()方法的功能及使用技巧,需要的朋友可以參考下2015-01-01JQuery獲取樣式中的background-color顏色值的問題
用JQuery獲取樣式中的background-color的值時(shí)發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣,經(jīng)搜索找到了下段代碼可解決此問題,感興趣的朋友可以參考下2013-08-08jQuery實(shí)現(xiàn)在新增加的元素上添加事件方法案例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)在新增加的元素上添加事件方法,結(jié)合具體實(shí)例形式分析了jQuery針對新增加的元素添加事件的實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2017-02-02