一个整理得比较清楚的JS对联广告代码

时间: 2011-1-24 - 分类: JavaScript - 评论: 1 - 阅读: 1,076 次
// 对联浮动广告代码
var HXFloatPari = {
 lastScrollY : 0,
 heartBeat : function() {
 var diffY;
 if (document.documentElement && document.documentElement.scrollTop) {
 diffY = document.documentElement.scrollTop;
 } else if (document.body) {
 diffY = document.body.scrollTop
 }
 var percent = .1 * (diffY - HXFloatPari.lastScrollY);
 if (percent > 0) {
 percent = Math.ceil(percent);
 } else {
 percent = Math.floor(percent);
 }
 $("#FloatPari1")[0].style.top = parseInt($("#FloatPari1")[0].style.top)
 + percent + "px";
 $("#FloatPari2")[0].style.top = parseInt($("#FloatPari1")[0].style.top)
 + percent + "px";
 HXFloatPari.lastScrollY = HXFloatPari.lastScrollY + percent;
 window.setTimeout("HXFloatPari.heartBeat()", 1);
 },
 init : function(swf,width,height) {
 var swfstr = "<div ><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='"+width+"' height='"+height+"'>" +
 "<param name='movie' value='"+swf+"' />" +
 "<param name='quality' value='high' />    " +
 "<param name='wmode' value='transparent' />    " +
 "<embed src='"+swf+"' width='"+width+"' height='"+height+"' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash'></embed>" +
 "</object></div>";
 document.write("<div id=\"FloatPari1\" style='left:2px;POSITION:absolute;TOP:10px;'>");
 document.write(swfstr);
 document.write("<p align=left><a onclick='javascript:$(\"#FloatPari1,#FloatPari2\").hide()' style='cursor:pointer'><img src=http://house.nhaidu.com/images/base/advclose.gif></a></p></div>");
 document.write("<div id=\"FloatPari2\" style='right:2px;POSITION:absolute;TOP:10px;'>");
 document.write(swfstr);
 document.write("<p align=right><a onclick='javascript:$(\"#FloatPari1,#FloatPari2\").hide()' style='cursor:pointer'><img src=http://house.nhaidu.com/images/base/advclose.gif></a></p></div>");

 HXFloatPari.heartBeat();
 }
}

注意本脚本需要结合jquery使用。如果你不是采用jquery的,只要把$调用都改成document.getElementById即可,没有应用jquery的其他api。

花了1个小时把网上一个现成的JS对联广告代码整理了下,格式会比较清楚,也更通用化,比较面向对象一点呵呵。使用方法很简单,

<script>
//对联广告
HXFloatPari.init('{S_URL}/flash/ad/2011/float_pari.swf',110,270);
</script>

第一个参数填flash地址,第二个参数宽度,第三个参数高度。

1个评论

  1. lrxianed - 2011年10月17日 9:54 上午

    请问一下,代码放到哪里啊,我是初学者。

发表评论