<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" />
<título></título>
</cabeza>
<cuerpo>
<tipo de script="texto/javascript">
var $ = función (identificación) {
devolver "cadena" == tipo de identificación? document.getElementById(id): identificación;
};
clase var = {
crear: función() {
función de retorno() {
this.initialize.apply(esto, argumentos);
}
}
}
Objeto.extender = función (destino, fuente) {
para (var PROperty en fuente) {
destino[propiedad] = fuente[propiedad];
}
destino de regreso;
}
función addEventHandler(oTarget, sEventType, fnHandler) {
si (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler, falso);
} más si (oTarget.attachEvent) {
oTarget.attachEvent("activado" + sEventType, fnHandler);
} demás {
oTarget["on" + sEventType] = fnHandler;
}
};
var Desplazador = Class.create();
Scroller.prototipo = {
inicializar: función (idScroller, idScrollMid, opciones) {
var oScroll = esto, oScroller = $(idScroller), oScrollMid = $(idScrollMid);
this.heightScroller = oScroller.offsetHeight;
this.heightList = oScrollMid.offsetHeight;
if(this.heightList <= this.heightScroller) retorno;
oScroller.style.overflow = "oculto";
oScrollMid.appendChild(oScrollMid.cloneNode(verdadero));
this.oScroller = oScroller;
this.timer = nulo;
this.SetOptions(opciones);
this.side = 1;//1是上 -1是下
cambiar (este.opciones.lado) {
caso "abajo":
este.lado = -1;
romper;
caso "arriba":
por defecto :
este.lado = 1;
}
addEventHandler(oScrollMid, "mouSEOver", function() { oScroll.Stop(); });
addEventHandler(oScrollMid, "mouseout", function() { oScroll.Start(); });
if(this.options.PauseStep <= 0 || this.options.PauseHeight <= 0) this.options.PauseStep = this.options.PauseHeight = 0;
esta.Pausa = 0;
this.Inicio();
},
//设置默认属性
Establecer Opciones: función (opciones) {
this.options = {//默认值
Paso: 1,//每次变化的px量
Hora: 20,//速度(越大越慢)
Lado: "arriba",//滚动方向:"arriba"是上,"abajo"是下
Altura de pausa: 0,//隔多高停一次
Paso de pausa: 1000//停顿时间(PauseHeight大于0该参数才有效)
};
Object.extend(this.opciones, opciones || {});
},
//滚动
Desplazamiento: función() {
var iScroll = this.oScroller.scrollTop, iHeight = this.heightList, time = this.options.Time, oScroll = this, iStep = this.options.Step * this.side;
si(este.lado > 0){
if(iScroll >= (iHeight * 2 - this.heightScroller)){ iScroll -= iHeight; }
} demás {
if(iDesplazamiento <= 0){ iDesplazamiento += iAltura; }
}
if(this.options.PauseHeight > 0){
if(esta.Pausa >= esta.opciones.PausaHeight){
tiempo = this.options.PauseStep;
esta.Pausa = 0;
} demás {
this.Pausa += Math.abs(iStep);
this.oScroller.scrollTop = iScroll + iStep;
}
} else { this.oScroller.scrollTop = iScroll + iStep; }
this.timer = window.setTimeout(function(){ oScroll.Scroll(); }, hora);
},
//开始
Inicio: función() {
this.Scroll();
},
//停止
Detener: función() {
clearTimeout(este.temporizador);
}
};
ventana.onload = función(){
nuevo Scroller("idScroller", "idScrollMid",{ PauseHeight:25 });
}
</script>
<estilo>
#idScroller *{margin:0px; relleno: 0px;}
#idScroller{altura-línea:25px;ancho:100%; altura: 25 píxeles; desbordamiento: oculto; borde: 1px sólido #000000;}
#idScroller ul{ancho:100%}
#idScroller li{ancho:20%; flotador: izquierda; desbordamiento: oculto; estilo de lista: ninguno;}
</estilo>
<div id="idScroller">
<div id="idScrollMid">
<ul>
<li> <a href=" http://www.devdao.com/">www.devdao.com</a></li >
<li> <a href=" http://www.devdao.com/">www.devdao.com</a></li >
<li> <a href=" http://www.devdao.com/">www.devdao.com</a></li >
<li> <a href=" http://www.devdao.com/">www.devdao.com</a></li >
<li> <a href=" http://www.devdao.com/">www.devdao.com</a></li >
<li> <a href=" http://www.devdao.com/">www.devdao.com</a></li >
</ul>
<div estilo="clear:both;"></div>
</div>
</div>
</cuerpo>
</html>