源码如下 :
<style type = "text/css">*{margin: 0; Padding: 0;} body {height: 2000px;}. floatad {width: 124px; высота: 299px; Текст-альбом: Центр; Положение: исправлена; маржа-лето: 0; Верх: 109px; _position: абсолютно; Фон: url (// файлы. Высота: 20px; дисплей: блок; Cursor: Pointer; Margin: 9px 0 0 auto;}. Flad {слева: 0;}. Frad {right: 0;} </style> <div> <a href = "#" target = "_ blank"> <img src = "#"> </a> <pan> </span> </div> <div> <a href = "##" garte ">". src = "#"> </a> <pran> </span> </div> <script type = "text/javascript"> $ (".. Closead"). Click (function () {$ (this) .parent (". floatad"). Hide ();})/*для ie6*/funct scrollad (obj) {var obj = "." + obj; var adtop = $ (". floatad"). offset (). top; // alert (adtop); $ (window) .scroll (function () {$ (". 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; высота: 299px; Текст-альбом: Центр; Положение: исправлена; маржа-лето: 0; верх: 109px; справа: 0; _position: абсолютно; Фон: url (// файлы. Высота: 20px; дисплей: блок; Курсор: указатель; Маржа: 9px 0 0 Auto;} </style> <div> <a href = "#" target = "_ blank"> <img src = "#"> </a> <a href = "#" garty = "_ blank" style = "disploy: none;"> <img src = "#"> </a> <prop> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </style = " 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) scrollad (obj) {var obj = "." + obj; var adtop = $ (". floatad"). offset (). top; // alert (adtop); $ (window) .scroll (function () {$ (". floatad"). css ({top: $ (window) .scrolltop () + adtop})}} $ () {//针对 针对 针对 针对 针对 针对 针对 针对 针对 针对 针对 针对}})}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}) ($ .browser.msie && parseint ($. browser.version) == 6) {scrollad ("floatad");} // 执行定时切换图片广告 изменение ("floatad", 2); // 每隔 2 秒切换一次广告图片展示 , 间隔时间可控}) </script>