源码如下
<style type = "text/css">*{margem: 0; preenchimento: 0;} corpo {altura: 2000px;}. floatad {width: 124px; altura: 299px; Alinhamento de texto: centro; Posição: fixo; margem-esquerda: 0; topo: 109px; _Position: absoluto; Antecedentes: url (// files.vevb.com/demoimg/2014/bg_slide2_120_270.png) no-repeat;}. floatad a {display: block;}. floatad img {border: nenhum; Altura: 20px; exibição: bloco; Cursor: ponteiro; margem: 9px 0 0 auto;}. FLAD {esquerda: 0;}. Frad {direita: 0;} </style> <div> <a href = "#" alvo = "_ em branco"> <img src = "#"> </a> </span </span> </img> <div> src = "#"> </a> <span> </span> </div> <script type = "text/javascript"> $ (". closead"). clique (function () {$ (this) .parent (". floatad"). hide ();})/*para ie6*/funcllad () "obj). + obj; var adtop = $ (". Floatad"). Offset (). top; // alert (adtop); $ (janela) .Scroll (function () {$ (". Floatad"). ($ .browser.msie && parseint ($. Browser.version) == 6) {scrollad ("floatad");}}) </sCript>我们还可以改下代码 ， 实现 实现 单边展示飘浮广告 ， 多个广告轮播展示 ”的效果 ， 更改后的源代码:
<style type = "text/css">*{margem: 0; preenchimento: 0;} corpo {altura: 2000px;}. floatad {width: 124px; altura: 299px; Alinhamento de texto: centro; Posição: fixada; margem-esquerda: 0; topo: 109px; direita: 0; _Position: absoluto; Antecedentes: url (// files.vevb.com/demoimg/2014/bg_slide2_120_270.png) no-repeat;}. floatad a {display: block;}. floatad img {border: nenhum; Altura: 20px; exibição: bloco; Cursor: ponteiro; margem: 9px 0 0 auto;} </style> <div> <a href = "#" target = "_ blank"> <img src = "#"> </a> <a href = "#" alvo = "_" style = "style: nenhum; type = "text/javascript"> $ (". closead"). clique em (function () {$ (". Floatad"). hide ();})/*隔时切换飘浮广告*/function mude (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); scrollad (obj) {var obj = "." + obj; var adtop = $ (". Floatad"). Offset (). top; // alert (adtop); $ (janela) .Scroll (function () {$ (". Floatad"). ($ .browser.msie && parseInt ($. Browser.version) == 6) {scrollad ("flutuador");} // 执行定时切换图片广告 changepic ("floatad", 2); // 每隔 2 秒切换一次广告图片展示 ， 间隔时间可控}) </cript>