JavaScript-Couplet-Anzeigen, Floating-Ad-Packaging (IE, FF, Opera, Safari, Chrome)

Code:

Programmcode
/*
Der erste Parameter des Couplet-Werbeaufrufs ist die ID, der zweite Parameter ist das Bild und der dritte Parameter ist der Abstand zwischen der Werbung und der Oberseite.
Der vierte Parameter repräsentiert links und rechts (true repräsentiert links, false repräsentiert rechts) und der fünfte Parameter repräsentiert die Breite der Couplet-Anzeige.
*/
new float_ad("ad_l","<img src='/u/info_img/2009-06/11/2009Cherry.gif' />",50,true,64);
new float_ad("ad_r","<img src='/u/info_img/2009-06/11/2009Cherry.gif' />",50,false,64)

;
Die URL im ersten Parameter des Floating-Anzeigenaufrufs stellt die Bild-URL-Adresse der Floating-Anzeige (erforderlich), den Link zur Seiten-URL, den Alt-Bildaufforderungstext, die Breite des Bildes (optional, Standard 120) dar die Höhe des Bildes (optional, Standard 120)
Der zweite Parameter stellt die Anfangsposition der schwebenden Anzeige dar, die durch die Parameter links und oben angegeben wird. Der dritte Parameter stellt die schwebende Geschwindigkeit dar. Je kleiner der Wert, desto schneller ist die schwebende Geschwindigkeit.
*/
new move_ad({url:" /u/info_img/2009-06/11/2009Cherry.gif",link:"http://jzyouth.org.cn/html/zixun/zuixingonggao/2009327/zxgg47926848.html",alt : „Hinweis zur Rekrutierung von Freiwilligen für das „China Dalian International Cherry Festival 2009“, width: 200, height: 200}, {left: 40, top: 160}, 20);

// Kerncode
Funktion $(element){
if(arguments.length>1){
for(var i=0,elements=[],length=arguments.length;i<length;i++)
elements.push($(arguments[i]));
Rückgabeelemente;
}
if(typeof element=="string")
return document.getElementById(element);
anders
Rückgabeelement;
}
Function.prototype.bind=function(object){
var method=this;
Rückgabefunktion(){
method.apply(object,arguments);
}
}
varClass={
create:function(){
Rückgabefunktion(){
this.initialize.apply(this,arguments);
}
}
}
Object.extend=function(destination,resource){
for(var-Eigenschaft in Ressource){
Ziel[Eigenschaft]=Ressource[Eigenschaft];
}
Rückreiseziel;
}
//Couplet-Werbung http://www.knowsky.com/article.asp?typeid=36
var float_ad=Class.create();
float_ad.prototype={
initialize:function(id,content,top,left,width){
document.write('<div id='+id+' style="position:absolute;">'+content+'</div>');
this.id=$(id);
this.top=top;
if(!!left){
this.id.style.left="8px";
}anders{
this.id.style.left=(document.documentElement.clientWidth-width-8)+"px";
window.onresize=function(){
this.id.style.left=(document.documentElement.clientWidth-width-8)+"px";
}.bind(this);
}
this.id.style.top=top+"px";

this.interId=setInterval(this.scroll.bind(this),20);
},
scroll:function(){
this.stmnStartPoint = parseInt(this.id.style.top, 10);
this.stmnEndPoint =document.documentElement.scrollTop+ this.top;
if(navigator.userAgent.indexOf("Chrome")>0){
this.stmnEndPoint=document.body.scrollTop+this.top;
}
if ( this.stmnStartPoint != this.stmnEndPoint ) {
this.stmnScrollAmount = Math.ceil( Math.abs( this.stmnEndPoint - this.stmnStartPoint ) / 15 );
this.id.style.top = parseInt(this.id.style.top, 10) + ( ( this.stmnEndPoint<this.stmnStartPoint ) ? -this.stmnScrollAmount : this.stmnScrollAmount )+"px";
}
}
}
//Floating-Werbeklasse
var move_ad=Class.create();
move_ad.prototype={
initialize:function(imgOption,initPosition,delay){
this.imgOptions=Object.extend({url:"",link:"",alt:"",width:120,height:120},imgOption||{});
this.adPosition=Object.extend({left:40,top:120},initPosition||{});
this.delay =delay;
this.step = 1;
this.herizonFlag=true;
this.verticleFlag=true;
this.id="ad_move_sg";
var vHtmlString="<div id='"+this.id+"' style='position:absolute; left:"+this.adPosition.left+"px; top:"+this.adPosition.top+"px; width:" +this.imgOptions.width+"px;";
vHtmlString+=" height:"+this.imgOptions.height+"px; z-index:10;'><a href='"+this.imgOptions.link+"' target='_blank' title='"+this.imgOptions .alt+"'><img src='"+this.imgOptions.url+"' width='"+this.imgOptions.width+"' height='"+this.imgOptions.height+"' style='border:none; ' alt='"+this.imgOptions.alt+"' /></a></div>";
document.write(vHtmlString);
this.id=$(this.id);
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
this.id.onmouseover=this.stop.bind(this);
this.id.onmouseout=this.start.bind(this);
},
scroll:function(){
var L=T=0;
var B=document.documentElement.clientHeight-this.id.offsetHeight;
var R=document.documentElement.clientWidth-this.id.offsetWidth;
this.id.style.left=this.adPosition.left+document.documentElement.scrollLeft+"px";
this.id.style.top=this.adPosition.top+document.documentElement.scrollTop+"px";
this.adPosition.left =this.adPosition.left + this.step*(this.herizonFlag?1:-1);
if (this.adPosition.left < L) { this.herizonFlag = true; this.adPosition.left = L;}
if (this.adPosition.left > R){ this.herizonFlag = false; this.adPosition.left = R;}
this.adPosition.top =this.adPosition.top + this.step*(this.verticleFlag?1:-1);
if(this.adPosition.top <= T){ this.verticleFlag=true; this.adPosition.top=T;}
if(this.adPosition.top >= B){ this.verticleFlag=false;
},
stop:function(){
clearInterval(this.intervalId);
},
start:function(){
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
}
}