源码如下:
<style type =“ text/css”>*{margin:0; padding:0;}身体{高度:2000px;}。floatad {width:124px; height; height; height:299px;文字平衡:中心;位置:固定;边缘左:0;顶部:109px; _ position:绝对;背景:url(// files.vevb.com/demoimg/2014/bg_slide2_120_270.png)no-repeat;}。floatad a {display:block;}。floatad img img {border;}身高:20px;显示:块;光标:指针;边距:9px 0 0自动;}。flad {left:0;}。frad {右:0;} </style> <div> <a href =“ href =”#“ target =” _ blank“ _ blank”> <img src =“>” src =“#”> </a> <span> </span> </div> </div> <script type =“ text/javascript”> $(“。closead”)。click(function(){$(){$(this).parent(“。floatad”。 + obj; var adtop = $(“。floatad”)。offset()。top; // arter(adtop); $(window).scroll(function(){$(){$(“。 ($ .. browser.msie && parseint($。browser.version)== 6){scrollad(“ floatad”);}})</script>>我们还可以改下代码,实现,“单边展示飘浮广告,多个广告轮播展示”,更改后的源代码,更改后的源代码:
<style type =“ text/css”>*{margin:0; padding:0;}身体{高度:2000px;}。floatad {width:124px; height; height; height:299px;文字平衡:中心;位置:固定;边缘左:0;顶部:109px;右:0; _ position:绝对;背景:url(// files.vevb.com/demoimg/2014/bg_slide2_120_270.png)no-repeat;}。floatad a {display:block;}。floatad img img {border;}身高:20px;显示:块;光标:指针;边距:9px 0 0自动;} </style> <div> <a href =“ href =”#“ target =” _ black“> <img src =“#”#</a> </a> <a href =“ href =”#“ target =” _ black =“ _ black” _ style = none; type =“ text/javascript”> $(“。closead”)。click(function(){$(“。floatad”)。hide();})/*隔时切换飘浮广告/*/function theck changepic(obj,times){var num = 0,obj = $(obj = $)( > a“),times = times*1000,len = obj.length; // arter(len); setInterval(function(){num ++; num ++; num = num> num> len-1?0:num; // console.log(num); $(obj); $(obj).eq(num).eq(num).eq(num).show(show().show().show() scrollad(obj){var obj =“。”。 + obj; var adtop = $(“。floatad”)。offset()。top; // arter(adtop); $(window).scroll(function(){$(){$(“。 ($ .. browser.msie && parseint($。browser.version)== 6){scrollad(“ floatad”);} //执行定时切换图片广告thrackpic(“ floatad”,2); //每隔2秒切换一次广告图片展示,间隔时间可控})</script>)</script>>