学习笔记39（JS上下自动漂浮广告，可关闭）

<%--Keymo,漂浮广告--%> <SCRIPT type="text/javascript"> // 这是关闭飘浮广告的宽度，请根据你的广告内容而定 var hbcms_ad_width = 100; // 这是关闭飘浮广告的代码，可以换成图片，点击即可关闭 var hbcms_close_str = '<div onClick="closeBanner();" style="color:gray;font-size:9pt;cursor:hand;text-align:center;width:100%;background-color: #efefef;line-height:200%">关闭</div>'; // 设置左边的广告代码,请自己更换图片地址，或换成flash，或换成纯文字 // 如果不希望显示左边的广告，可设置为 = ''; var hbcms_left_ad = '<embed src="jx_html/images/left.jpg" width="100" height="300" quality="high" wmode="window"></embed>' + hbcms_close_str; // 设置右边的广告代码,如果要和左边的广告一致，可设为 = hbcms_left_ad; // 如果不希望显示右边的广告，可设置为 = ''; var hbcms_right_ad = '<embed src="jx_html/images/right.jpg" width="100" height="300" quality="high" wmode="window"></embed>' + hbcms_close_str; var delta = 0.8; var collection; var closeB = false; function floaters() { this.items = []; this.addItem = function (id, x, y, content) { document.write('<DIV id=' + id + ' style="Z-INDEX: 10; POSITION: absolute; width:' + hbcms_ad_width + 'px; height:300px;left:' + (typeof (x) == 'string' ? eval(x) : x) + ';top:' + (typeof (y) == 'string' ? eval(y) : y) + '">' + content + '</DIV>'); var newItem = {}; newItem.object = document.getElementById(id); newItem.x = x; newItem.y = y; this.items[this.items.length] = newItem; } this.play = function () { collection = this.items setInterval('play()', 30); } } function play() { if (screen.width <= 800 || closeB) { for (var i = 0; i < collection.length; i++) { collection[i].object.style.display = 'none'; } return; } for (var i = 0; i < collection.length; i++) { var followObj = collection[i].object; var followObj_x = (typeof (collection[i].x) == 'string' ? eval(collection[i].x) : collection[i].x); var followObj_y = (typeof (collection[i].y) == 'string' ? eval(collection[i].y) : collection[i].y); if (followObj.offsetLeft != (document.body.scrollLeft + followObj_x)) { var dx = (document.body.scrollLeft + followObj_x - followObj.offsetLeft) * delta; dx = (dx > 0 ? 1 : -1) * Math.ceil(Math.abs(dx)); followObj.style.left = followObj.offsetLeft + dx; } if (followObj.offsetTop != (document.body.scrollTop + followObj_y)) { var dy = (document.body.scrollTop + followObj_y - followObj.offsetTop) * delta; dy = (dy > 0 ? 1 : -1) * Math.ceil(Math.abs(dy)); followObj.style.top = followObj.offsetTop + dy; } followObj.style.display = ''; } } function closeBanner() { closeB = true; return; } var theFloaters = new floaters(); theFloaters.addItem('followDiv1', 'document.body.clientWidth-106', hbcms_ad_width, hbcms_right_ad); //右面广告属性,分别是id,x,y,content theFloaters.addItem('followDiv2', 6, hbcms_ad_width, hbcms_left_ad); //左面广告属性,分别是id,x,y,content theFloaters.play(); </script> <%--漂浮广告结束--%>