源码如下 :
<style type = "text/css">*{margin: 0; padding: 0;} Körper {Höhe: 2000px;}. floatad {width: 124px; Höhe: 299px; Text-Align: Mitte; Position: behoben; Rand-Links: 0; Top: 109px; _position: absolut; Hintergrund: URL (// files.vevb.com/demoimg/2014/bg_slide2_120_270.png) no-repeat;}. floatad a {display: block;}. floatad img {border: keine;}. floataD .cleSeadth: 50px; Höhe: 20px; Anzeige: Block; 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"> $ (". + obj; var adtop = $ (". floatad"). offset (). top; // alert (adtop); $ (Fenster) .Scroll (function () {$ (". floatad"). ($ .browser.msie && parseInt ($. browser.version) == 6) {scrollad ("floatad");}}) </script>我们还可以改下代码 , 实现 实现 单边展示飘浮广告 多个广告轮播展示 多个广告轮播展示 的效果 的效果 更改后的源代码 :
<style type = "text/css">*{margin: 0; padding: 0;} Körper {Höhe: 2000px;}. floatad {width: 124px; Höhe: 299px; Text-Align: Mitte; Position: behoben; Rand-Links: 0; Top: 109px; rechts: 0; _position: absolut; Hintergrund: URL (// files.vevb.com/demoimg/2014/bg_slide2_120_270.png) no-repeat;}. floatad a {display: block;}. floatad img {border: keine;}. floataD .cleSeadth: 50px; Höhe: 20px; Anzeige: Block; Cursor: Zeiger; Margin: 9px 0 0 Auto;} </style> <div> <a href = "#" target = "_ leer"> <img src = "#"> </a> <a href = "#" target = "_ leer" style = "style =" display: keine; 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 () scrollad (obj) {var obj = "." + obj; var adtop = $ (". floatad"). offset (). top; // alert (adtop); $ (Fenster) .Scroll (function () {$ (". floatad"). ($ .browser.msie && parseInt ($. browser.version) == 6) {scrollad ("floatad");} // 执行定时切换图片广告 Changepic ("floatad", 2); // 每隔 2 秒切换一次广告图片展示 , 间隔时间可控}) </script>