源码如下:
<style type = "text/css">*{margin:0; padding:0;} body {height:2000px;}。floatad {width:124px; height:299px;テキストアライグ:センター;位置:固定;マージン左:0; TOP:109px; _ポジション:絶対;背景:url(// files.vevb.com/demoimg/2014/bg_slide2_120_270.png)no-repeat;}。高さ:20px;表示:ブロック;カーソル:ポインター;マージン:9px 0 0 auto;}。flad {左:0;}。frad {right:0;} </style> <div> <a href = "#"ターゲット= "_ blank"> <img src = " src = "#"> </a> <span> </span> </div> <script = "text/javascript"> $( "。closead")。click(function(){$(this).parent( "。floatad")。隠し(); + obj; var adtop = $( "。floatad")。offset()。top; // alert(adtop); $(window).scroll(funce(){$( "。floatad")。css({top:$(window).scrolltop() + adtop})}) ($ .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;テキストアライグ:センター;位置:固定;マージン左:0; TOP:109px;右:0; _ポジション:絶対;背景:url(// files.vevb.com/demoimg/2014/bg_slide2_120_270.png)no-repeat;}。高さ:20px;表示:ブロック;カーソル:ポインター;マージン:9px 0 0 auto;} </style> <div> <a href = "#"ターゲット= "_ blank"> <img src = "#"> </a> <a href = "#"ターゲット= "_ flank" style = "display:none;"> <img src = " type = "text/javascript"> $( "。closead")。 > 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(") scrollad(obj){var obj = "。" + obj; var adtop = $( "。floatad")。offset()。top; // alert(adtop); $(window).scroll(funce(){$( "。floatad")。css({top:$(window).scrolltop() + adtop})}) ($ .browser.msie && parseint($。browser.version)== 6){scrollad( "floatad");} //