<!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" />
<title></title>
</หัว>
<ร่างกาย>
<script type="text/javascript">
var $ = ฟังก์ชั่น (id) {
ส่งคืน "string" == typeof id ? document.getElementById(id) : id;
-
วาร์คลาส = {
สร้าง: ฟังก์ชั่น () {
ฟังก์ชันส่งคืน () {
this.initialize.apply (สิ่งนี้ ข้อโต้แย้ง);
-
-
-
Object.extend = function (ปลายทาง, แหล่งที่มา) {
สำหรับ (var PROperty ในแหล่งที่มา) {
ปลายทาง [คุณสมบัติ] = แหล่งที่มา [คุณสมบัติ];
-
จุดหมายปลายทางขากลับ;
-
ฟังก์ชั่น addEventHandler (oTarget, sEventType, fnHandler) {
ถ้า (oTarget.addEventListener) {
oTarget.addEventListener (sEventType, fnHandler, เท็จ);
} อื่น ๆ ถ้า (oTarget.attachEvent) {
oTarget.attachEvent("เปิด" + sEventType, fnHandler);
} อื่น {
oTarget["on" + sEventType] = fnHandler;
-
-
var Scroller = Class.create();
Scroller.ต้นแบบ = {
เริ่มต้น: ฟังก์ชั่น (idScroller, idScrollMid, ตัวเลือก) {
var oScroll = นี่, oScroller = $(idScroller), oScrollMid = $(idScrollMid);
this.heightScroller = oScroller.offsetHeight;
this.heightList = oScrollMid.offsetHeight;
ถ้า (this.heightList <= this.heightScroller) กลับ;
oScroller.style.overflow = "ซ่อน";
oScrollMid.appendChild(oScrollMid.cloneNode(จริง));
this.oScroller = oScroller;
this.timer = โมฆะ;
this.SetOptions(ตัวเลือก);
this.side = 1;//1是上 -1是下
สวิตช์ (this.options.Side) {
กรณี "ลง" :
นี่ด้าน = -1;
หยุดพัก;
กรณี "ขึ้น" :
ค่าเริ่มต้น :
นี่ด้าน = 1;
-
addEventHandler(oScrollMid , "mouSEOver", function() { oScroll.Stop(); });
addEventHandler(oScrollMid , "เมาส์ออก", function() { oScroll.Start(); });
ถ้า(this.options.PauseStep <= 0 || this.options.PauseHeight <= 0) this.options.PauseStep = this.options.PauseHeight = 0;
นี่หยุดชั่วคราว = 0;
นี้.Start();
-
//设置默认属性
SetOptions: ฟังก์ชั่น (ตัวเลือก) {
this.options = {//默认值
ขั้นตอน: 1,//每次变化的px量
เวลา: 20,//速度(越大越慢)
ด้านข้าง: "ขึ้น",//滚动方向:"ขึ้น"是上，"ลง"是下
PauseHeight: 0,//隔多高停一次
PauseStep: 1000//停顿时间(PauseHeight大于0该参数才有效)
-
Object.extend (this.options, ตัวเลือก || {});
-
//滚动
เลื่อน: ฟังก์ชั่น () {
var iScroll = this.oScroller.scrollTop, iHeight = this.heightList, เวลา = this.options.Time, oScroll = นี้, iStep = this.options.Step * this.side;
ถ้า(this.side > 0){
if(iScroll >= (iHeight * 2 - this.heightScroller)){ iScroll -= iHeight; -
} อื่น {
ถ้า(iScroll <= 0){ iScroll += iHeight; -
-
ถ้า (this.options.PauseHeight > 0){
ถ้า(this.Pause >= this.options.PauseHeight){
เวลา = this.options.PauseStep;
นี่หยุดชั่วคราว = 0;
} อื่น {
this.Pause += Math.abs(iStep);
this.oScroller.scrollTop = iScroll + iStep;
-
} อื่น { this.oScroller.scrollTop = iScroll + iStep; -
this.timer = window.setTimeout(function(){ oScroll.Scroll(); }, เวลา);
-
//เริ่มต้น始
เริ่มต้น: ฟังก์ชั่น () {
นี้.เลื่อน();
-
//停止
หยุด: ฟังก์ชั่น() {
clearTimeout(this.timer);
-
-
window.onload = ฟังก์ชั่น () {
ใหม่ Scroller("idScroller", "idScrollMid",{ PauseHeight:25 });
-
</สคริปต์>
<สไตล์>
#idScroller *{ระยะขอบ:0px; การขยาย:0px;}
#idScroller{line-height:25px;width:100%; ความสูง:25px; ล้น: ซ่อน; เส้นขอบ:1px ทึบ #000000;}
#idScroller ul{ความกว้าง:100%}
#idScroller {ความกว้าง:20%; ลอย:ซ้าย; ล้น: ซ่อน; รายการสไตล์: ไม่มี;}
</สไตล์>
<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>
</ร่างกาย>
</html>