<!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 ">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<العنوان></العنوان>
</الرأس>
<الجسم>
<نوع البرنامج النصي = "نص/جافا سكريبت">
فار $ = الوظيفة (المعرف) {
إرجاع "سلسلة" == معرف نوع؟ document.getElementById(id): id;
};
فئة فار = {
إنشاء: وظيفة () {
وظيفة العودة () {
this.initialize.apply(this,حجج);
}
}
}
Object.extend = وظيفة (الوجهة، المصدر) {
لـ (var PROperty في المصدر) {
الوجهة[الخاصية] = المصدر[الخاصية];
}
وجهة العودة؛
}
وظيفة addEventHandler(oTarget, sEventType, fnHandler) {
إذا (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler, false);
} وإلا إذا (oTarget.attachEvent) {
oTarget.attachEvent("on" + sEventType, fnHandler);
} آخر {
oTarget["on" + sEventType] = fnHandler;
}
};
var Scroller = Class.create();
Scroller.prototype = {
التهيئة: الوظيفة (idScroller، idScrollMid، options) {
var oScroll = this, oScroller = $(idScroller), oScrollMid = $(idScrollMid);
this.heightScroller = oScroller.offsetHeight;
this.heightList = oScrollMid.offsetHeight;
if(this.heightList <= this.heightScroller) return;
oScroller.style.overflow = "مخفي";
oScrollMid.appendChild(oScrollMid.cloneNode(true));
this.oScroller = oScroller;
this.timer = null;
this.SetOptions(options);
this.side = 1;//1是上-1是下
التبديل (هذا.options.Side) {
حالة "أسفل":
this.side = -1;
استراحة؛
حالة "أعلى":
تقصير :
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();
},
//设置默认属性
خيارات الضبط: الوظيفة (خيارات) {
this.options = {// اختر الخيار
الخطوة: 1،//البدء في صنع بكسل
الوقت: 20 //速度(越大越慢)
الجانب: "أعلى"،//滚动方向:"أعلى"是上،"أسفل"是下
ارتفاع الإيقاف المؤقت: 0,// 隔多高停一次
PauseStep: 1000//停顿时间(PauseHeight هو 0该于0该参数才有效)
};
Object.extend(this.options, options || {});
},
//المصدر
التمرير: الوظيفة () {
var iScroll = this.oScroller.scrollTop، iHeight = this.heightList، time = this.options.Time، oScroll = this، iStep = this.options.Step * this.side;
إذا(هذا.الجانب > 0){
if(iScroll >= (iHeight * 2 - this.heightScroller)){ iScroll -= iHeight; }
} آخر {
if(iScroll <= 0){ iScroll += iHeight; }
}
إذا (this.options.PauseHeight > 0){
إذا (this.Pause >= this.options.PauseHeight){
time = this.options.PauseStep;
this.Pause = 0;
} آخر {
this.Pause += Math.abs(iStep);
this.oScroller.scrollTop = iScroll + iStep;
}
} else { this.oScroller.scrollTop = iScroll + iStep; }
this.timer = window.setTimeout(function(){ oScroll.Scroll(); }, time);
},
//开始
البداية: الوظيفة () {
this.Scroll();
},
//停止
توقف: وظيفة () {
ClearTimeout(this.timer);
}
};
نافذة.onload = وظيفة () {
new Scroller("idScroller"، "idScrollMid"،{ PauseHeight:25 });
}
</script>
<نمط>
#idScroller *{margin:0px; الحشو:0px;}
#idScroller{ارتفاع الخط:25px;العرض:100%; الارتفاع: 25 بكسل؛ تجاوز: مخفي؛ الحدود: 1 بكسل صلب #000000;}
#idScroller{العرض:100%}
#idScroller li{width:20%; تعويم: يسار؛ تجاوز: مخفي؛ نمط القائمة: لا شيء؛}
</نمط>
<div معرف = "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>
</الجسم>
</html>