Annonces de couplet JavaScript, packaging publicitaire flottant (IE, FF, Opera, Safari, Chrome)

Code:

code de programme
/*
Le premier paramètre de l'appel de publicité de couplet est l'ID, le deuxième paramètre est l'image et le troisième paramètre est la distance entre la publicité et le sommet.
Le quatrième paramètre représente la gauche et la droite (vrai représente la gauche, faux représente la droite) et le cinquième paramètre représente la largeur de l'annonce du couplet.
*/
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)

;
L'URL dans le premier paramètre de l'appel d'annonce flottante représente l'adresse URL de l'image de l'annonce flottante (obligatoire), le lien vers l'URL de la page, le texte d'invite de l'image alternative, la largeur de l'image (facultatif, 120 par défaut) et la hauteur de l'image en hauteur (facultatif, par défaut 120)
Le deuxième paramètre représente la position initiale de la publicité flottante, qui est spécifiée par les paramètres left et top. Le troisième paramètre représente la vitesse flottante 0 est statique. Plus la valeur est petite, plus la vitesse flottante est rapide.
*/
nouveau move_ad({url:" /u/info_img/2009-06/11/2009Cherry.gif",link:"http://jzyouth.org.cn/html/zixun/zuixingonggao/2009327/zxgg47926848.html",alt : "Avis sur le recrutement de bénévoles pour le "Festival international de la cerise de Dalian en Chine 2009", largeur : 200, hauteur : 200}, {gauche : 40, haut : 160}, 20);

// code de base
fonction $(élément){
si(arguments.longueur>1){
pour(var i=0,elements=[],length=arguments.length;i<length;i++)
éléments.push($(arguments[i]));
renvoyer des éléments ;
}
si (type d'élément = = "chaîne")
return document.getElementById(element);
autre
élément de retour ;
}
Function.prototype.bind=fonction(objet){
var méthode = ceci ;
fonction de retour(){
méthode.apply(objet,arguments);
}
}
varClass={
créer:fonction(){
fonction de retour(){
this.initialize.apply(this,arguments);
}
}
}
Object.extend=fonction (destination, ressource){
for(propriété var dans la ressource){
destination[propriété]=ressource[propriété] ;
}
destination de retour ;
}
//Publicité de couplets http://www.knowsky.com/article.asp?typeid=36
var float_ad=Class.create();
float_ad.prototype={
initialiser : fonction (id, contenu, haut, gauche, largeur) {
document.write('<div id='+id+' style="position:absolute;">'+content+'</div>');
this.id=$(id);
this.top=haut;
si(!!gauche){
this.id.style.left="8px";
}autre{
this.id.style.left=(document.documentElement.clientWidth-width-8)+"px";
window.onresize=fonction(){
this.id.style.left=(document.documentElement.clientWidth-width-8)+"px";
}.bind(ce);
}
this.id.style.top=top+"px";

this.interId=setInterval(this.scroll.bind(this),20);
},
défilement:fonction(){
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;
}
si ( 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";
}
}
}
//Classe de publicité flottante
var move_ad=Class.create();
move_ad.prototype={
initialiser:fonction(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 =délai ;
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+=" hauteur:"+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);
ceci.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);
},
défilement:fonction(){
varL=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; this.adPosition.top=B }
},
arrêter:fonction(){
clearInterval(this.intervalId);
},
début:fonction(){
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
}
}