源码如下 ：
<스타일 유형 = "text/css">*{마진 : 0; 패딩 : 0;} body {height : 2000px;}. floatad {너비 : 124px; 높이 : 299px; 텍스트 정렬 : 센터; 위치 : 고정; 마진-왼쪽 : 0; 상단 : 109px; _position : 절대; 배경 : url (// files.vevb.com/demoimg/2014/BG_SLIDE2_120_270.png) no-Repeat;}. floatad a {display : block;}. floatad img {border : none;}. floatad .Closead {width : 50px; 높이 : 20px; 디스플레이 : 블록; 커서 : 포인터; 마진 : 9px 0 0 Auto;}. flad {왼쪽 : 0;}. frad {오른쪽 : 0;} </style> <div> <a href = "#"target = "_ blank"> <img src = "#"> </a> <pan> </span> <div> <a href = "#"#"#"#a href = src = "#"> </a> <span> </span> </div> </div> <script type = "text/javaScript"> $ ( ". closead"). 클릭 (function () {$ (this) .parent ( ". floatad"). + obj; var adtop = $ ( ". floatad"). offset (). 상단; // alert (adtop); $ (창) .scroll (function () {$ ( ". floatad"). css ({top : $ (window) .scrolltop () + adtop})})} $ (fortuntion () {// giption : <ie6, <{// ($ .Browser.msie && parseint ($. browser.version) == 6) {Scrollad ( "floatad");}}) </script>我们还可以改下代码 我们还可以改下代码, 实现“单边展示飘浮广告 单边展示飘浮广告 单边展示飘浮广告, 多个广告轮播展示”的效果 的效果, 更改后的源代码 ：
<스타일 유형 = "text/css">*{마진 : 0; 패딩 : 0;} body {height : 2000px;}. floatad {너비 : 124px; 높이 : 299px; 텍스트 정렬 : 센터; 위치 : 고정; 마진-왼쪽 : 0; 상단 : 109px; 오른쪽 : 0; _position : 절대; 배경 : url (// files.vevb.com/demoimg/2014/BG_SLIDE2_120_270.png) no-Repeat;}. floatad a {display : block;}. floatad img {border : none;}. floatad .Closead {width : 50px; 높이 : 20px; 디스플레이 : 블록; 커서 : 포인터; 마진 : 9px 0 0 자동;} </style> <div> <a href = "#"target = "_ target ="_ blank "> <img src ="#"> </a> <a href ="#"target ="_ blank "style ="</drc = "#"> </</a> type = "text/javaScript"> $ ( ". CloseAd"). 클릭 (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 = num; num; // console.log (num); $ (obj) .eq (num) .show (). siblings ("a "), times (),}, em)}/for for ie6*/fort scrollad (obj) {var obj = "." + obj; var adtop = $ ( ". floatad"). offset (). 상단; // alert (adtop); $ (창) .scroll (function () {$ ( ". floatad"). css ({top : $ (window) .scrolltop () + adtop})})} $ (fortuntion () {// giption : <ie6, <{// ($ .Browser.msie && parseint ($. browser.version) == 6) {Scrollad ( "floatad");} // 执行定时切换图片广告 changepic ( "floatad", 2); // 每隔 2 秒切换一次广告图片展示, 间隔时间可控}) </script>