一个整理得比较清楚的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地址,第二个参数宽度,第三个参数高度。
请问一下,代码放到哪里啊,我是初学者。