:
<style type = "text / css"> * {margin: 0; padding: 0;} body {height: 2000px;}. floatad {width: 124px; height: 299px; Texte-aligne: Centre; Position: fixe; marge-gauche: 0; top: 109px; _Position: Absolute; Contexte: URL (// files.vevb.com/demoimg/2014/bg_slide2_120_270.png) No-Repeat;}. Floatad a {affichage: block;}. floatad img {border: non;}. floatad .closead {width: 50px; hauteur: 20px; Affichage: bloc; cursor:pointer;margin:9px 0 0 auto;}.flAd{left:0;}.frAd{right:0;}</style><div><a href="#" target="_blank"><img src="#"></a><span></span></div><div><a href="#" target="_blank"><img src = "#"> </a> <span> </span> </div> <script type = "text / javascript"> $ (". Closead"). Cliquez sur (fonction () {$ (this) .parent (". floatad"). Hide ();}) / * pour ie6 * / function scrollad (obj) {var obj = "." + obj; var adtop = $ (". floatad"). offset (). top; // alert (adtop); $ (window) .scroll (function () {$ (". floatad"). css ({top: $ (window) .scrolltop () + adtop})})} $ (function () ($ .browser.msie && parseInt ($. Browser.version) == 6) {Scrollad ("floatad");}}) </cript>我们还可以改下代码 , 实现 “单边展示飘浮广告 , 多个广告轮播展示 多个广告轮播展示 的效果 的效果 , :
<style type = "text / css"> * {margin: 0; padding: 0;} body {height: 2000px;}. floatad {width: 124px; height: 299px; Texte-aligne: Centre; Position: fixe; marge-gauche: 0; en haut: 109px; à droite: 0; _Position: Absolute; Contexte: URL (// files.vevb.com/demoimg/2014/bg_slide2_120_270.png) No-Repeat;}. Floatad a {affichage: block;}. floatad img {border: non;}. floatad .closead {width: 50px; hauteur: 20px; Affichage: bloc; Cursor: pointeur; marge: 9px 0 0 auto;} </ style> <div> <a href = "#" target = "_ blank"> <img src = "#"> </a> <a href = "#" target = "_ blanc" style = "affiche: aucun;"> <img src = "#"> </a> type = "text / javascript"> $ (". Closead"). Cliquez sur (fonction () {$ (". floatad"). Hide ();}) / * 隔时切换飘浮广告 * / fonction changepic (obj, fois) {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 (). scrollad (obj) {var obj = "." + obj; var adtop = $ (". floatad"). offset (). top; // alert (adtop); $ (window) .scroll (function () {$ (". floatad"). css ({top: $ (window) .scrolltop () + adtop})})} $ (function () ($ .browser.msie && parseInt ($. Browser.version) == 6) {scrollad ("floatad");} // 执行定时切换图片广告 ChangePic ("floatad", 2); // 每隔 2 秒切换一次广告图片展示 , 间隔时间可控}) </ script>