源码如下 :
<style type = "text/css">*{margen: 0; relleno: 0;} cuerpo {altura: 2000px;}. floatad {ancho: 124px; altura: 299px; Text-Align: Center; posición: fijo; margen-izquierda: 0; arriba: 109px; _Position: Absoluto; Antecedentes: url (// files.vevb.com/demoimg/2014/bg_slide2_120_270.png) no-repeat;}. floatad a {display: block;}. floatad img {border: Ninguno; Altura: 20px; Pantalla: bloque; cursor: pointer; margin: 9px 0 0 auto;}. flad {izquierda: 0;}. frad {derecha: 0;} </ystye> <div> <a href = "#" target = "_ blank"> <img src = "#"> </a> <span> </span> </div> <div> <hiv> <a href = "#"#"#" src = "#"> </a> <span> </span> </div> <script type = "text/javaScript"> $ (". cierre"). Click (function () {$ (this) .Parent (". Floatad"). Hide ();})/*para IE6*/function scrollad (obj) {var obj = ".". ".". ".". ".". ".". ".". ".". ".". ".". ".". ".". ".". ".". ".". ".". ".". ". + obj; var adTop = $ (". ($ .browser.msie && parseInt ($. browser.version) == 6) {scrollad ("floatad");}}) </script>我们还可以改下代码 , 实现 “单边展示飘浮广告 , 多个广告轮播展示” 的效果 : :
<style type = "text/css">*{margen: 0; relleno: 0;} cuerpo {altura: 2000px;}. floatad {ancho: 124px; altura: 299px; Text-Align: Center; posición: fijo; margen-izquierda: 0; arriba: 109px; derecha: 0; _Position: Absoluto; Antecedentes: url (// files.vevb.com/demoimg/2014/bg_slide2_120_270.png) no-repeat;}. floatad a {display: block;}. floatad img {border: Ninguno; Altura: 20px; Pantalla: bloque; cursor: pointer; margin: 9px 0 0 auto;} </style> <div> <a href = "#" Target = "_ Blank"> <img src = "#"> </a> <a href = "#" Target = "_ en blanco" style = "Display: Ninguno;"> <img src = "#"> </a> <sp Espacio> </span> </Divio en blanco = " type = "text/javaScript"> $ (". cierre"). Click (function () {$ (". > 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 (). hermanos (" a "). scrollad (obj) {var obj = "." + obj; var adTop = $ (". ($ .browser.msie && parseInt ($. browser.version) == 6) {scrollad ("floatad");} // 执行定时切换图片广告 ChangePic ("floatad", 2); // 每隔 2 秒切换一次广告图片展示 , 间隔时间可控}) </script>;