源码如下 :
<type style = "text/css">*{margin: 0; padding: 0;} body {height: 2000px;}. floatad {width: 124px; tinggi: 299px; Teks-Align: tengah; Posisi: diperbaiki; margin-kiri: 0; atas: 109px; _Posisi: absolut; latar belakang: url (// file.vevb.com/demoimg/2014/bg_slide2_120_270.png) no-repeat;}. floatad a {display: block;}. floatad img {border: none;}. floatad .closead {wundar: 50px; Tinggi: 20px; Tampilan: Blok; 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"). klik (function () {$ (this) .parent (". floatad"). hide ();})/*untuk ie6*/function scrollad (obj) {var = ")." + obj; var adtop = $ (". floatad"). offset (). Top; // alert (adtop); $ (window) .scroll (function () {$ (". floatad"). css ({top: $ (window) .scrolltop () + adtop})})}} (found 效果 {针对 {针对 {针对 {效果 { ($ .browser.msie && parseInt ($. browser.version) == 6) {scrollad ("floatad");}}) </script>我们还可以改下代码 , 实现 “单边展示飘浮广告 , 多个广告轮播展示” 的效果 , : :
<type style = "text/css">*{margin: 0; padding: 0;} body {height: 2000px;}. floatad {width: 124px; tinggi: 299px; Teks-Align: tengah; Posisi: diperbaiki; margin-kiri: 0; atas: 109px; kanan: 0; _Posisi: absolut; latar belakang: url (// file.vevb.com/demoimg/2014/bg_slide2_120_270.png) no-repeat;}. floatad a {display: block;}. floatad img {border: none;}. floatad .closead {wundar: 50px; Tinggi: 20px; Tampilan: Blok; Kursor: pointer; margin: 9px 0 0 auto;} </style> <veR> <a href = "#" target = "_ blank"> <img src = "#"> </a> <a href = "#" target = "_ blank" style = "Display: none;"> <img src = "#"#"</span </span </span </span </span </span </none;"> <img src = "#" type = "text/javascript"> $ (". closead"). klik (function () {$ (". floatad"). hide ();})/*隔时切换飘浮广告*/function changepic (obj, kali) {var num = 0, obj = $ ("." + Obj + " > A "), Times = Times*1000, len = obj.length; // waspada (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})})}} (found 效果 {针对 {针对 {针对 {效果 { ($ .browser.msie && parseInt ($. browser.version) == 6) {scrollad ("floatad");} // 执行定时切换图片广告 changepic ("floatad", 2); // 每隔 2 秒切换一次广告图片展示 , ,}) </skrip>