Código:
código de programa
/*
El primer parámetro de la llamada del anuncio pareado es la identificación, el segundo parámetro es la imagen y el tercer parámetro es la distancia entre el anuncio y la parte superior.
El cuarto parámetro representa la izquierda y la derecha (verdadero representa la izquierda, falso representa la derecha) y el quinto parámetro representa el ancho del anuncio pareado.
*/
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)
;
La URL en el primer parámetro de la llamada del anuncio flotante representa la dirección URL de la imagen del anuncio flotante (obligatorio), el enlace a la URL de la página, el texto de la imagen alternativa, el ancho de la imagen (opcional, predeterminado 120) y la altura de la imagen alta (opcional, predeterminado 120)
El segundo parámetro representa la posición inicial del anuncio flotante, que se especifica mediante los parámetros izquierdo y superior. El tercer parámetro representa la velocidad de flotación. 0 es estática.
*/
nuevo move_ad({url:" /u/info_img/2009-06/11/2009Cherry.gif",enlace:"http://jzyouth.org.cn/html/zixun/zuixingonggao/2009327/zxgg47926848.html",alt : "Aviso sobre el reclutamiento de voluntarios para el "Festival Internacional de la Cereza de Dalian de China 2009", ancho: 200, alto: 200}, {izquierda: 40, arriba: 160}, 20);
// código central
función $(elemento){
if(argumentos.longitud>1){
for(var i=0,elementos=[],longitud=argumentos.longitud;i<longitud;i++)
elementos.push($(argumentos[i]));
elementos de retorno;
}
if(tipo de elemento=="cadena")
devolver document.getElementById(elemento);
demás
elemento de retorno;
}
Function.prototype.bind=función(objeto){
método var=esto;
función de retorno(){
método.apply(objeto,argumentos);
}
}
varClase={
crear:función(){
función de retorno(){
this.initialize.apply(esto,argumentos);
}
}
}
Objeto.extend=función(destino,recurso){
for(var propiedad en recurso){
destino[propiedad]=recurso[propiedad];
}
destino de regreso;
}
//Publicidad de coplas http://www.knowsky.com/article.asp?typeid=36
var float_ad=Class.create();
float_ad.prototipo={
inicializar: función (id, contenido, arriba, izquierda, ancho) {
document.write('<div id='+id+' style="position:absolute;">'+content+'</div>');
this.id=$(id);
this.top=arriba;
si(!!izquierda){
this.id.style.left="8px";
}demás{
this.id.style.left=(document.documentElement.clientWidth-width-8)+"px";
ventana.onresize=función(){
this.id.style.left=(document.documentElement.clientWidth-width-8)+"px";
}.bind(esto);
}
this.id.style.top=top+"px";
this.interId=setInterval(this.scroll.bind(this),20);
},
desplazamiento:función(){
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 (este.stmnStartPoint! = este.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";
}
}
}
//clase de publicidad flotante
var move_ad=Class.create();
move_ad.prototype={
inicializar: función (imgOption, initPosition, retraso) {
this.imgOptions=Object.extend({url:"",enlace:"",alt:"",ancho:120,alto:120},imgOption||{});
this.adPosition=Object.extend({izquierda:40,arriba:120},initPosition||{});
this.delay =retraso;
este.paso = 1;
this.herizonFlag=true;
this.verticleFlag=true;
this.id="ad_move_sg";
var vHtmlString="<div id='"+this.id+"' estilo='posición:absoluta; izquierda:"+this.adPosition.left+"px; arriba:"+this.adPosition.top+"px; ancho:" +this.imgOptions.width+"px;";
vHtmlString+=" altura:"+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>";
documento.write(vHtmlString);
este.id=$(este.id);
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
this.id.onmouseover=this.stop.bind(esto);
this.id.onmouseout=this.start.bind(esto);
},
desplazamiento:función(){
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 = verdadero; this.adPosition.left = L;}
si (this.adPosition.left > R){ this.herizonFlag = false;
this.adPosition.top =this.adPosition.top + this.step*(this.verticleFlag?1:-1);
if(this.adPosition.top <= T){ this.verticleFlag=true;
if(this.adPosition.top >= B){ this.verticleFlag=false;
},
detener:función(){
clearInterval(this.intervalId);
},
inicio:función(){
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
}
}