国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

仿百度聯盟對聯廣告實現代碼

2019-11-20 14:13:47
字體:
來源:轉載
供稿:網友

源碼如下:

<style type="text/css">*{margin:0;padding:0;}body{height:2000px;}.floatAd{width:124px;height:299px; text-align:center; position:fixed;margin-left:0;top:109px; _position:absolute; background:url(//files.VeVB.COm/demoimg/2014/bg_slide2_120_270.png) no-repeat;}.floatAd a{display:block;}.floatAd img{border:none;}.floatAd .closeAd{width:50px; height:20px; display:block; cursor:pointer;margin:9px 0 0 auto;}.flAd{left:0;}.frAd{right:0;}</style><div class="floatAd flAd"><a href="#" target="_blank"><img src="#" width="120" height="270" alt="第1張圖"></a><span class="closeAd"></span></div><div class="floatAd frAd"><a href="#" target="_blank"><img src="#" width="120" height="270" alt="第2張圖"></a><span class="closeAd"></span></div><script type="text/javascript">$(".closeAd").click(function(){ $(this).parent(".floatAd").hide();})/*for ie6*/function scrollAd(obj) {	var obj = "." + obj;	var adTop = $(".floatAd").offset().top;	//alert(adTop);	$(window).scroll(function () {		$(".floatAd").css({			top : $(window).scrollTop() + adTop		})	})}$(function () {	//針對ie6,模擬position:fixed效果	if ($.browser.msie && parseInt($.browser.version) == 6) {		scrollAd("floatAd");	}})</script>

我們還可以改下代碼,實現“單邊展示飄浮廣告,多個廣告輪播展示”的效果,更改后的源代碼:

<style type="text/css">*{margin:0;padding:0;}body{height:2000px;}.floatAd{width:124px;height:299px; text-align:center; position:fixed;margin-left:0;top:109px;right:0; _position:absolute; background:url(//files.VeVB.COm/demoimg/2014/bg_slide2_120_270.png) no-repeat;}.floatAd a{display:block;}.floatAd img{border:none;}.floatAd .closeAd{width:50px; height:20px; display:block; cursor:pointer;margin:9px 0 0 auto;}</style><div class="floatAd"><a href="#" target="_blank"><img src="#" width="120" height="270" alt="第3張圖"></a><a href="#" target="_blank" style="display:none;"><img src="#" width="120" height="270" alt="第4張圖"></a><span class="closeAd"></span></div><script type="text/javascript">$(".closeAd").click(function(){ $(".floatAd").hide();})/*隔時切換飄浮廣告*/function changePic(obj,times){	var num=0,		obj =$("." + obj+" >a"),		times=times*1000,		len=obj.length;	//alert(len);	setInterval(function(){		num++;		num=num>len-1?0:num;//console.log(num);		$(obj).eq(num).show().siblings("a").hide();		},times)	}/*for ie6*/function scrollAd(obj) {	var obj = "." + obj;	var adTop = $(".floatAd").offset().top;	//alert(adTop);	$(window).scroll(function () {		$(".floatAd").css({			top : $(window).scrollTop() + adTop		})	})}$(function () {	//針對ie6,模擬position:fixed效果	if ($.browser.msie && parseInt($.browser.version) == 6) {		scrollAd("floatAd");	}	//執行定時切換圖片廣告	changePic("floatAd",2);//每隔2秒切換一次廣告圖片展示,間隔時間可控})</script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 横峰县| 凯里市| 陇西县| 泾川县| 榆中县| 依兰县| 宜川县| 卢氏县| 安图县| 麟游县| 华阴市| 德兴市| 华池县| 通许县| 岢岚县| 南陵县| 车险| 钦州市| 西乌| 镶黄旗| 封开县| 新营市| 信丰县| 廉江市| 河东区| 鄢陵县| 桑日县| 扶绥县| 白河县| 萨迦县| 东阳市| 黄骅市| 昭苏县| 广汉市| 永定县| 遵义市| 镇坪县| 麦盖提县| 土默特右旗| 房产| 阿图什市|