<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<titre></titre>
</tête>
<corps>
<script type="text/javascript">
var $ = fonction (identifiant) {
return "string" == type d'identifiant ? document.getElementById(id) : id;
} ;
var Classe = {
créer : fonction() {
fonction de retour() {
this.initialize.apply(this, arguments);
}
}
}
Objet.extend = fonction (destination, source) {
pour (var PRerty dans la source) {
destination[propriété] = source[propriété];
}
destination de retour ;
}
fonction addEventHandler (oTarget, sEventType, fnHandler) {
si (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler, false);
} sinon si (oTarget.attachEvent) {
oTarget.attachEvent("on" + sEventType, fnHandler);
} autre {
oTarget["on" + sEventType] = fnHandler;
}
} ;
var Scroller = Classe.create();
Défilement.prototype = {
initialiser : fonction (idScroller, idScrollMid, options) {
var oScroll = ceci, oScroller = $(idScroller), oScrollMid = $(idScrollMid);
this.heightScroller = oScroller.offsetHeight ;
this.heightList = oScrollMid.offsetHeight ;
if(this.heightList <= this.heightScroller) return;
oScroller.style.overflow = "caché" ;
oScrollMid.appendChild(oScrollMid.cloneNode(true));
this.oScroller = oScroller ;
this.timer = null ;
this.SetOptions(options);
this.side = 1;//1是上 -1是下
commutateur (this.options.Side) {
cas "vers le bas" :
this.side = -1;
casser;
cas "up" :
défaut :
this.side = 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;
this.Pause = 0;
this.Start();
},
//设置默认属性
SetOptions : fonction (options) {
this.options = {//默认值
Étape : 1,//每次变化的px量
Heure : 20,//速度(越大越慢)
Côté : "haut", //滚动方向 : "haut" 是上, "bas" 是下
PauseHeight : 0,//
PauseStep : 1000//停顿时间 (PauseHeight est 0该参数才有效)
} ;
Objet.extend(this.options, options || {});
},
//滚动
Défilement : function() {
var iScroll = this.oScroller.scrollTop, iHeight = this.heightList, time = this.options.Time, oScroll = this, iStep = this.options.Step * this.side;
if(this.side > 0){
if(iScroll >= (iHeight * 2 - this.heightScroller)){ iScroll -= iHeight; }
} autre {
if(iScroll <= 0){ iScroll += iHauteur ; }
}
si(this.options.PauseHeight > 0){
if(this.Pause >= this.options.PauseHeight){
temps = this.options.PauseStep;
this.Pause = 0;
} autre {
this.Pause += Math.abs(iStep);
this.oScroller.scrollTop = iScroll + iStep ;
}
} else { this.oScroller.scrollTop = iScroll + iStep ; }
this.timer = window.setTimeout(function(){ oScroll.Scroll(); }, time);
},
//开始
Début : function() {
this.Scroll();
},
//停止
Arrêter : function() {
clearTimeout(this.timer);
}
} ;
window.onload = fonction(){
new Scroller("idScroller", "idScrollMid",{ PauseHeight:25 });
}
</script>
<style>
#idScroller *{margin:0px; remplissage:0px;}
#idScroller{line-height:25px;width:100%; hauteur : 25 px ; débordement : caché ; bordure : 1px solide #000000 ;}
#idScroller ul{largeur:100%}
#idScroller li{largeur:20%; flotteur : gauche ; débordement : caché ; style de liste : aucun ;}
</style>
<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 style="clear:both;"></div>
</div>
</div>
</corps>
</html>