html代碼部分:
成都創(chuàng)新互聯(lián)是專業(yè)的翁源網(wǎng)站建設(shè)公司,翁源接單;提供成都網(wǎng)站建設(shè)、網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行翁源網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
左側(cè)右側(cè) 廣告塊
jQuery代碼部分
$(function(){ var ad = $(".teachers_right_ad"); //聲明對(duì)象 var ad_f = $(".arc_right"); //對(duì)象父元素 var ad_gf = $(".arc_box"); //對(duì)象父元素的父元素 var offset = ad.offset(); var box_h = ad.outerHeight(true); var h=ad_gf.offset().top+ad_gf.outerHeight()-box_h; //計(jì)算觸發(fā)ad停止fixed的臨界點(diǎn) var hf=ad_gf.offset().top+ad_gf.outerHeight(); //計(jì)算觸發(fā)ad停止absolute的臨界點(diǎn) var hh=ad_gf.height()-ad.outerHeight(true); //計(jì)算adabsolute的top值 ad_f.css({"position":"relative"}); //給定ad的父元素position relative $(window).scroll(function(){ if($(window).scrollTop()>=offset.top&&$(window).scrollTop()=h &&$(window).scrollTop()
名稱欄目:jQuery實(shí)現(xiàn)廣告圖fixed與scroll關(guān)聯(lián)
文章URL:http://weahome.cn/article/jhsgij.html