这个滚动条怎么做？ - Dreamweaver及网页制作

	主题: 这个滚动条怎么做？
winop 职务：普通成员等级：1 金币：0.0 发贴：24 注册：2003/6/11 13:48:05	引用 #12004/2/1 17:36:29 地址：http://www.xicaojie.com/me.htm 能告诉我吗?
winop 职务：普通成员等级：1 金币：0.0 发贴：24 注册：2003/6/11 13:48:05	引用 #22004/2/1 17:48:54 好像是用来控制层的，能用来控制IFRAME吗？
winop 职务：普通成员等级：1 金币：0.0 发贴：24 注册：2003/6/11 13:48:05	引用 #32004/2/1 18:22:16 这个版面没有人吗？
winop 职务：普通成员等级：1 金币：0.0 发贴：24 注册：2003/6/11 13:48:05	引用 #42004/2/1 18:30:42 ft...
winop 职务：普通成员等级：1 金币：0.0 发贴：24 注册：2003/6/11 13:48:05	引用 #52004/2/1 19:23:21 彻底郁闷。。。
whirlwind 职务：普通成员等级：1 金币：0.0 发贴：94 注册：2004/3/14 15:02:06	引用 #62004/3/14 23:24:45 参见http://okxxl.webspace4free.biz/a426.html,与那里的那个带滚动条的text area类似。
缺缺职务：管理员等级：8 金币：41.0 发贴：9620 注册：2004/1/14 19:14:47	引用 #72004/3/15 8:05:31 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0039)http://www.xicaojie.com --><HTML><HEAD><TITLE>.:汐草街:V16:www.XicAoJie.coM:xicAo sTreet 23 :................................................................................................................................................................................ .......</TITLE> <TITLE>javascriptboy</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css>BODY { FONT-SIZE: 9pt; COLOR: #635e67; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #B0ACA0; a: #000000 } #externals P { MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px } #jobs P { MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px } </STYLE> <SCRIPT language=javascript> ThreeOhScroll.ie4mac = navigator.platform == "MacPPC" && navigator.appName == "Microsoft Internet Explorer" && !document.getElementById ThreeOhScroll.mo5 = navigator.userAgent.indexOf("Gecko") != -1 ThreeOhScroll.aniLen = 1000 function ThreeOhScroll(id, clipH, thumbMax, arrowMax) { this.getMembers(ypGetElementById(id)) this.PTags = ypGetDescendantsByTagName(this.content, "P") var lastP = this.PTags[this.PTags.length-1] var lastPTop = lastP.offsetTop - (ThreeOhScroll.mo5 ? 40 : 0) this.docH = lastPTop + Math.max(lastP.offsetHeight, clipH) this.scrollH = this.docH - clipH this.clipH = clipH this.markersMax = parseInt(this.markers.style.height) - 3 this.thumbMax = parseInt(this.thumbContainer.style.height) - this.thumbImg.height this.arrowMax = parseInt(this.arrowContainer.style.height) - this.arrowImg.height this.gRef = "ThreeOhScroll_"+id eval(this.gRef+"=this") this.thumb.obj = this this.thumb.onmousedown = this.startDrag this.initMarkers() } ThreeOhScroll.prototype.initMarkers = function() { var shtml = "", sTitle, iTop for (var i = 0; i < this.PTags.length; i++) { sTitle = this.PTags[i].getAttribute("description") pTop = this.PTags[i].offsetTop - (ThreeOhScroll.mo5 ? 40 : 0) iTop = Math.round(pTop this.markersMax / this.scrollH) if (sTitle && sTitle != "" && sTitle != null) { shtml += "<div style='position:absolute; left:0px; top:" + iTop + "px; " shtml += "cursor:pointer; cursor:hand; width:7px; height:7px;'" shtml += "onmousedown='" + this.gRef + ".scrollTo(" + pTop + ")' " shtml += "onmouseover='" + this.gRef + ".toggleMarker(this, 1)' " shtml += "onmouseout='" + this.gRef + ".toggleMarker(this, 0)' " shtml += "description='" + sTitle.replace("'", "\'") + "'>" shtml += "<div style='position:absolute; left:1px; top:2px; width:5px; height:3px; clip:rect(0 5 3 0); background-color:#999999;'></div></div>" } } this.markers.innerHTML += shtml } ThreeOhScroll.prototype.getMembers = function(a) { var c = a.childNodes ? a.childNodes : a.children, cn if (c) { for (var i = 0; i < c.length; i++) { cn = c[i].className if (cn == "container") this.container = c[i] else if (cn == "content") this.content = c[i] else if (cn == "markers") this.markers = c[i] else if (cn == "thumb") this.thumb = c[i] else if (cn == "arrow") this.arrow = c[i] else if (cn == "skip") this.skip = c[i] else if (cn == "thumbImg") this.thumbImg = c[i] else if (cn == "arrowImg") this.arrowImg = c[i] else if (cn == "thumbContainer") this.thumbContainer = c[i] else if (cn == "arrowContainer") this.arrowContainer = c[i] else if (cn == "description") this.description = c[i] else if (cn == "descArrow") this.descArrow = c[i] if ((c[i].childNodes ? c[i].childNodes : c[i].children).length > 0) this.getMembers(c[i]) } } } ThreeOhScroll.prototype.startDrag = function(e) { if (!e) e = window.event var ey = e.pageY ? e.pageY : e.y this.dragLastY = ey this.dragStartOffset = ey - parseInt(this.style.top) ThreeOhScroll.oldMouseMove = document.onmousemove ThreeOhScroll.oldMouseUp = document.onmouseup ThreeOhScroll.current = this.obj document.onmousemove = this.obj.doDrag document.onmouseup = this.obj.stopDrag if (this.obj.aniTimer) window.clearInterval(this.obj.aniTimer) return false; } ThreeOhScroll.prototype.doDrag = function(e) { if (!e) e = window.event var obj = ThreeOhScroll.current var ey = (e.pageY ? e.pageY : e.y) var dy = ey - obj.thumb.dragLastY var ny = parseInt(obj.thumb.style.top) + dy if (ny >= obj.thumbMax) obj.thumb.dragLastY = obj.thumbMax + obj.thumb.dragStartOffset else if (ny < 0) obj.thumb.dragLastY = obj.thumb.dragStartOffset else obj.thumb.dragLastY = ey ny = Math.min(Math.max(ny, 0), obj.thumbMax) obj.jumpTo(ny * obj.scrollH / obj.thumbMax) return false; } ThreeOhScroll.prototype.stopDrag = function() { this.onmousemove = ThreeOhScroll.oldMouseMove ? this.oldMouseMove : null this.onmouseup = ThreeOhScroll.oldMouseUp ? this.oldMouseUp : null } ThreeOhScroll.prototype.scrollTo = function(ny) { this.endArrow = Math.round(ny * this.markersMax / this.scrollH) this.startTime = (new Date()).getTime() this.startPos = parseInt(this.content.style.top) * -1 this.endPos = ny this.dist = this.endPos - this.startPos this.accel = this.dist / ThreeOhScroll.aniLen / ThreeOhScroll.aniLen if (this.aniTimer) this.aniTimer = window.clearInterval(this.aniTimer) this.aniTimer = window.setInterval(this.gRef + ".scroll()", 10) } ThreeOhScroll.prototype.scroll = function() { var now = (new Date()).getTime() var elapsed = now - this.startTime if (elapsed > ThreeOhScroll.aniLen) this.endScroll() else { var t = ThreeOhScroll.aniLen - elapsed var ny = this.endPos - t * t * this.accel this.jumpTo(ny) } } ThreeOhScroll.prototype.endScroll = function() { this.jumpTo(this.endPos) this.arrow.style.top = this.endArrow this.aniTimer = window.clearInterval(this.aniTimer) } ThreeOhScroll.prototype.jumpTo = function(ny) { this.thumb.style.top = Math.round(ny * this.thumbMax / this.scrollH) this.arrow.style.top = Math.round(ny * this.arrowMax / this.scrollH) this.content.style.top = -ny } ThreeOhScroll.prototype.toggleMarker = function(oMarker, bOn) { if (bOn) { ypGetChildNodes(oMarker)[0].style.backgroundColor = "#000000" if (this.curMarker) this.toggleMarker(this.curMarker, 0) this.curMarker = oMarker this.description.style.left = "-400px" this.description.style.top = "-400px" this.descArrow.style.top = parseInt(oMarker.style.top) + 2 + "px" this.description.innerHTML = oMarker.getAttribute("description").replace("\'", "'") var w = this.description.offsetWidth this.description.style.left = (ThreeOhScroll.ie4mac ? 222 : 225) - w + "px" this.description.style.top = parseInt(oMarker.style.top) - 1 + "px" this.description.style.visibility = "visible" this.descArrow.style.visibility = "visible" } else { ypGetChildNodes(oMarker)[0].style.backgroundColor = "#999999" this.curMarker = 0 this.description.style.visibility = "hidden" this.descArrow.style.visibility = "hidden" } } function ypGetElementById(s) { return (document.getElementById ? document.getElementById(s) : document.all[s]) } function ypGetDescendantsByTagName(a, s) { return (a.getElementsByTagName ? a.getElementsByTagName(s) : a.all.tags(s)) } function ypGetChildNodes(objParent) { return (objParent.childNodes ? objParent.childNodes : objParent.children) } function dbgListObjProps(obj) { var w = window.open("","","width=400,height=300,resizable") w.document.open() w.document.write("<textarea style='position:absolute; width:90%; height:90%;'>") for (prop in obj) w.document.write(prop + " : " + obj[prop] + "\n") w.document.write("</textarea>") w.document.close() w.focus() } </SCRIPT> <META content="Microsoft FrontPage 4.0" name=GENERATOR> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW \|\| innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> </HEAD> <BODY scroll=no bgcolor="#B0ACA0" link=#333333 vLink=#333333 aLink=#660000 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" text="#4D4940"> <table width="527" height="382" border="0" background="me/www_xicaojie_com_me.gif"> <tr> <td> </td> </tr> </table> <p> </p> <p> </p> <DIV id=Layer2 style="Z-INDEX: 16; LEFT: 238px; WIDTH: 42px; POSITION: absolute; TOP: 153px; HEIGHT: 35px"> <DIV class=ThreeOhScroll id=externals style="LEFT: -7px; WIDTH: 238px; POSITION: absolute; TOP: -9px"> <DIV class=scrollBar style="LEFT: 228px; WIDTH: 23px; POSITION: absolute; HEIGHT: 165px"> <DIV class=thumbContainer style="LEFT: 11px; WIDTH: 9px; POSITION: absolute; TOP: 1px; HEIGHT: 199px"> <DIV class=thumb style="WIDTH: 30px; CURSOR: hand; POSITION: absolute; TOP: 1px; HEIGHT: 22px; left: 24px;"><IMG class=thumbImg src="me/www_xicaojie_com_mm.gif"></DIV> </DIV> <DIV class=arrowContainer style="WIDTH: 47px; POSITION: absolute; TOP: 348px; HEIGHT: 236px; left: -453px;"> <div class=arrow style="LEFT: 8px; WIDTH: 3px; POSITION: absolute; HEIGHT: 7px"><img class=arrowImg height=7 src="img/arw.gif" width=4></div> </DIV> <DIV class=markers style="WIDTH: 3px; POSITION: absolute; TOP: 363px; HEIGHT: 58px; left: -431px;"></DIV> </DIV> <DIV class=description style="BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 9px; Z-INDEX: 3; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #999999 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: geneva, tahoma, arial; POSITION: absolute; BACKGROUND-COLOR: #ffffff"></DIV> <DIV class=descArrow style="Z-INDEX: 4; LEFT: 224px; VISIBILITY: hidden; POSITION: absolute; TOP: 2px"></DIV> <DIV class=container style="OVERFLOW: hidden; WIDTH: 478px; POSITION: absolute; HEIGHT: 195px; left: -229px; top: 28px;"> <DIV class=content style="POSITION: absolute; TOP: 3px; left: 8px; width: 467px; height: 266px;"> <P description="me"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"> </font><strong>code name:</strong></font><font color="#333333"> 小熊<font size="1" face="Verdana, Arial, Helvetica, sans-serif">sky</font> / 汐草街<br> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>sex:</strong> male</font><br> <font size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">length:</font></strong><font face="Verdana, Arial, Helvetica, sans-serif"> 178cm</font><font size="2"> {低<font size="1">...</font>}</font></font>   <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>weight:</strong> 119~123</font>斤 {轻...浮动中. ...}<br> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>birthday:</strong> xxxx .2 .7</font> {请自觉备好礼品,谢绝低端货色以及一系列的地摊儿货...}<br> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>constellation:</strong></font> 水瓶   <b>来自：</b>重庆 -> 卡卡儿<br> <strong>血型<font size="1" face="Verdana, Arial, Helvetica, sans-serif">:</font></strong> 长方形 {医生说是"畸型"...}<br> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>hobby:</strong></font> 搞电脑听音乐捶篮球睡瞌睡泡网<br> <font size="1"><strong> <font face="Verdana, Arial, Helvetica, sans-serif">use software:</font></strong></font> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">Dreamweaver .Fireworks .Flash .Photoshop .Illustrator .Animator . Painter .CorelDRAW .AutoCAD .3ds max .Winamp</font> {最后一个软件我使用频率最高,也是我使用最熟悉的一个软件...}<br> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>mail:</strong> <a href="mailto:xicaojie@21cn.com">xicaojie@21cn.com</a></font> {我没看邮件的习惯,有事去论坛<font size="1" face="Verdana, Arial, Helvetica, sans-serif">or</font>留言本...}<br> <strong>最喜欢的一部电影<font size="1" face="Verdana, Arial, Helvetica, sans-serif">:</font></strong>(世界末日)主演:布鲁斯威利斯,本艾弗列克,丽芙泰勒.故事描述的是美国太空总署发现了一颗巨大的陨石正朝地球方向而来,并将在<font size="1" face="Verdana, Arial, Helvetica, sans-serif">18</font>天之内撞上地球...然后就是一系列的惊险+刺激+壮观+爱情 +激情的场景...<br> <strong>关于汐草街<font size="1" face="Verdana, Arial, Helvetica, sans-serif">:</font></strong> 首先,这3个字是我原创.请勿滥用.<font size="1" face="Verdana, Arial, Helvetica, sans-serif">Thanks</font>.其次 <font size="1" face="Verdana, Arial, Helvetica, sans-serif">www.xicaojie.com</font><font size="2">这个东西是我的.请不要有想法.<font size="1" face="Verdana, Arial, Helvetica, sans-serif">xicaojie</font>就是汐草街的拼音.这下就应该好记了.<br> <strong>说完<font size="1">.</font>收工</strong><font size="1">...........</font><font color="#333333"><font size="1">..</font><font size="2"><font size="1">..................</font></font></font><font size="1">..................................................</font></font></font></P> </DIV> </DIV> <div id="Layer1" style="position:absolute; width:59px; height:42px; z-index:5; left: 225px; top: -60px;"></div> </DIV> </DIV> <SCRIPT language=javascript>new ThreeOhScroll("externals", 165)</SCRIPT> </BODY></HTML> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
凌风啸职务：普通成员等级：1 金币：0.0 发贴：4 注册：2004/2/7 12:00:16	引用 #82004/3/15 16:34:43 www.sikeroom.com/bbs/dispbbs.asp?boardID=7&ID=128&page=1 这里有~~~~~~~~~~~~~~~~~~~~~~

winop
职务：普通成员
等级：1
金币：0.0
发贴：24
注册：2003/6/11 13:48:05

引用

#12004/2/1 17:36:29

地址：http://www.xicaojie.com/me.htm
能告诉我吗?

winop
职务：普通成员
等级：1
金币：0.0
发贴：24
注册：2003/6/11 13:48:05

引用

#32004/2/1 18:22:16

这个版面没有人吗？

winop
职务：普通成员
等级：1
金币：0.0
发贴：24
注册：2003/6/11 13:48:05

引用

#52004/2/1 19:23:21

彻底郁闷。。。

缺缺
职务：管理员
等级：8
金币：41.0
发贴：9620
注册：2004/1/14 19:14:47

引用

#72004/3/15 8:05:31

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>.:汐草

街:V16:www.XicAoJie.coM:xicAo 
sTreet 23 
*:................................................................................................................................................................................

.......</TITLE>
<TITLE>javascriptboy</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
	FONT-SIZE: 9pt; COLOR: #635e67; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #B0ACA0; a: #000000
}
#externals P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px
}
#jobs P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px
}
</STYLE>
<SCRIPT language=javascript>
	ThreeOhScroll.ie4mac = navigator.platform == "MacPPC" && navigator.appName == "Microsoft Internet

Explorer" && !document.getElementById
	ThreeOhScroll.mo5 = navigator.userAgent.indexOf("Gecko") != -1
	ThreeOhScroll.aniLen = 1000
	function ThreeOhScroll(id, clipH, thumbMax, arrowMax)
	{
		this.getMembers(ypGetElementById(id))

this.PTags		= ypGetDescendantsByTagName(this.content, "P")
		var lastP		= this.PTags[this.PTags.length-1]
		var lastPTop	= lastP.offsetTop - (ThreeOhScroll.mo5 ? 40 : 0)
		this.docH		= lastPTop + Math.max(lastP.offsetHeight, clipH)
		this.scrollH	= this.docH - clipH
		this.clipH		= clipH
		this.markersMax	= parseInt(this.markers.style.height) - 3
		this.thumbMax	= parseInt(this.thumbContainer.style.height) - this.thumbImg.height
		this.arrowMax	= parseInt(this.arrowContainer.style.height) - this.arrowImg.height
		
		this.gRef = "ThreeOhScroll_"+id
		eval(this.gRef+"=this")
		this.thumb.obj	= this
		this.thumb.onmousedown = this.startDrag

this.initMarkers()
	}

ThreeOhScroll.prototype.initMarkers = function() {
		var shtml = "", sTitle, iTop
		for (var i = 0; i < this.PTags.length; i++) {
			sTitle	= this.PTags[i].getAttribute("description")
			pTop	= this.PTags[i].offsetTop - (ThreeOhScroll.mo5 ? 40 : 0)
			iTop	= Math.round(pTop * this.markersMax / this.scrollH)
			if (sTitle && sTitle != "" && sTitle != null) {
				shtml  += "<div style='position:absolute; left:0px; top:" + iTop + "px; "
				shtml  += "cursor:pointer; cursor:hand; width:7px; height:7px;'" 
				shtml  += "onmousedown='" + this.gRef + ".scrollTo(" + pTop + ")' "
				shtml  += "onmouseover='" + this.gRef + ".toggleMarker(this, 1)' "
				shtml  += "onmouseout='" + this.gRef + ".toggleMarker(this, 0)' "
				shtml  += "description='" + sTitle.replace("'", "\'") + "'>"
				shtml  += "<div style='position:absolute; left:1px; top:2px; width:5px;

height:3px; clip:rect(0 5 3 0);  background-color:#999999;'></div></div>"
			}
		}
		this.markers.innerHTML += shtml
	}

ThreeOhScroll.prototype.getMembers = function(a) {
		var c = a.childNodes ? a.childNodes : a.children, cn
		if (c) {
			for (var i = 0; i < c.length; i++) {
				cn = c[i].className
				if		(cn == "container")

this.container		= c[i]
				else if	(cn == "content")			this.content

= c[i]
				else if (cn == "markers")			this.markers

= c[i]
				else if (cn == "thumb")				this.thumb

= c[i]
				else if (cn == "arrow")				this.arrow

= c[i]
				else if (cn == "skip")				this.skip

= c[i]
				else if (cn == "thumbImg")			this.thumbImg

= c[i]
				else if (cn == "arrowImg")			this.arrowImg

= c[i]
				else if (cn == "thumbContainer")	this.thumbContainer	=

c[i]
				else if (cn == "arrowContainer")	this.arrowContainer = c[i]
				else if (cn == "description")		this.description	= c[i]
				else if (cn == "descArrow")			this.descArrow

= c[i]

if ((c[i].childNodes ? c[i].childNodes : c[i].children).length > 0)
					this.getMembers(c[i])
			}
		}
	}

ThreeOhScroll.prototype.startDrag = function(e) {
		if (!e) e = window.event
		var ey = e.pageY ? e.pageY : e.y
		this.dragLastY = ey
		this.dragStartOffset = ey - parseInt(this.style.top)
		ThreeOhScroll.oldMouseMove = document.onmousemove
		ThreeOhScroll.oldMouseUp = document.onmouseup
		ThreeOhScroll.current = this.obj
		document.onmousemove = this.obj.doDrag
		document.onmouseup = this.obj.stopDrag
		if (this.obj.aniTimer) window.clearInterval(this.obj.aniTimer)
		return false;
	}

ThreeOhScroll.prototype.doDrag = function(e) {
		if (!e) e = window.event
		var obj = ThreeOhScroll.current
		var ey = (e.pageY ? e.pageY : e.y)
		var dy = ey - obj.thumb.dragLastY
		var ny = parseInt(obj.thumb.style.top) + dy
		if (ny >= obj.thumbMax) obj.thumb.dragLastY = obj.thumbMax + obj.thumb.dragStartOffset

else if (ny < 0) obj.thumb.dragLastY = obj.thumb.dragStartOffset
		else obj.thumb.dragLastY = ey
		ny = Math.min(Math.max(ny, 0), obj.thumbMax)
		obj.jumpTo(ny * obj.scrollH / obj.thumbMax)
		return false;
	}

ThreeOhScroll.prototype.stopDrag = function() {
		this.onmousemove = ThreeOhScroll.oldMouseMove ? this.oldMouseMove : null
		this.onmouseup   = ThreeOhScroll.oldMouseUp   ? this.oldMouseUp   : null
	}

ThreeOhScroll.prototype.scrollTo = function(ny) {
		this.endArrow = Math.round(ny * this.markersMax / this.scrollH)
		this.startTime = (new Date()).getTime()
		this.startPos = parseInt(this.content.style.top) * -1
		this.endPos = ny
		this.dist = this.endPos - this.startPos
		this.accel = this.dist / ThreeOhScroll.aniLen / ThreeOhScroll.aniLen
		if (this.aniTimer) this.aniTimer = window.clearInterval(this.aniTimer)
		this.aniTimer = window.setInterval(this.gRef + ".scroll()", 10)
	}

ThreeOhScroll.prototype.scroll = function() {
		var now = (new Date()).getTime()
		var elapsed = now - this.startTime
		if (elapsed > ThreeOhScroll.aniLen) this.endScroll()
		else {
			var t = ThreeOhScroll.aniLen - elapsed
			var ny = this.endPos - t * t * this.accel
			this.jumpTo(ny)
		}
	}

ThreeOhScroll.prototype.endScroll = function() {
		this.jumpTo(this.endPos)
		this.arrow.style.top = this.endArrow
		this.aniTimer = window.clearInterval(this.aniTimer)
	}

ThreeOhScroll.prototype.jumpTo = function(ny) {
		this.thumb.style.top	= Math.round(ny * this.thumbMax / this.scrollH)
		this.arrow.style.top	= Math.round(ny * this.arrowMax / this.scrollH)
		this.content.style.top	= -ny
	}

ThreeOhScroll.prototype.toggleMarker = function(oMarker, bOn) {
		if (bOn) {
			ypGetChildNodes(oMarker)[0].style.backgroundColor = "#000000" 
			if (this.curMarker) this.toggleMarker(this.curMarker, 0)
			this.curMarker = oMarker
			this.description.style.left = "-400px"
			this.description.style.top = "-400px"
			this.descArrow.style.top = parseInt(oMarker.style.top) + 2 + "px"
			this.description.innerHTML = oMarker.getAttribute("description").replace("\'", "'")
			var w = this.description.offsetWidth
			this.description.style.left = (ThreeOhScroll.ie4mac ? 222 : 225) - w + "px"
			this.description.style.top = parseInt(oMarker.style.top) - 1 + "px"
			this.description.style.visibility = "visible"
			this.descArrow.style.visibility = "visible"
		} else {
			ypGetChildNodes(oMarker)[0].style.backgroundColor = "#999999" 
			this.curMarker = 0
			this.description.style.visibility = "hidden"
			this.descArrow.style.visibility = "hidden"
		}
	}

function ypGetElementById(s) {
		return (document.getElementById ? document.getElementById(s) : document.all[s])
	}
	function ypGetDescendantsByTagName(a, s) {
		return (a.getElementsByTagName ? a.getElementsByTagName(s) : a.all.tags(s))
	}
	function ypGetChildNodes(objParent) {
		return (objParent.childNodes ? objParent.childNodes : objParent.children)
	}

topmargin="0" marginwidth="0" marginheight="0" text="#4D4940">
<table width="527" height="382" border="0" background="me/www_xicaojie_com_me.gif">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<DIV id=Layer2
style="Z-INDEX: 16; LEFT: 238px; WIDTH: 42px; POSITION: absolute; TOP: 153px; HEIGHT: 35px"> 
  <DIV class=ThreeOhScroll id=externals 
style="LEFT: -7px; WIDTH: 238px; POSITION: absolute; TOP: -9px"> 
    <DIV class=scrollBar 
style="LEFT: 228px; WIDTH: 23px; POSITION: absolute; HEIGHT: 165px">
      <DIV class=thumbContainer 
style="LEFT: 11px; WIDTH: 9px; POSITION: absolute; TOP: 1px; HEIGHT: 199px"> 
        <DIV class=thumb 
style="WIDTH: 30px; CURSOR: hand; POSITION: absolute; TOP: 1px; HEIGHT: 22px; left: 24px;"><IMG 
class=thumbImg src="me/www_xicaojie_com_mm.gif"></DIV>
      </DIV>
      <DIV class=arrowContainer 
style="WIDTH: 47px; POSITION: absolute; TOP: 348px; HEIGHT: 236px; left: -453px;"> 
        <div class=arrow 
style="LEFT: 8px; WIDTH: 3px; POSITION: absolute; HEIGHT: 7px"><img 
class=arrowImg height=7 src="img/arw.gif" width=4></div>
      </DIV>      
      <DIV class=markers 
style="WIDTH: 3px; POSITION: absolute; TOP: 363px; HEIGHT: 58px; left: -431px;"></DIV>
    </DIV>
<DIV class=description 
style="BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999999 1px solid;

PADDING-LEFT: 2px; FONT-SIZE: 9px; Z-INDEX: 3; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT:

#999999 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY:

geneva, tahoma, arial; POSITION: absolute; BACKGROUND-COLOR: #ffffff"></DIV>
<DIV class=descArrow 
style="Z-INDEX: 4; LEFT: 224px; VISIBILITY: hidden; POSITION: absolute; TOP: 2px"></DIV>
    <DIV class=container 
style="OVERFLOW: hidden; WIDTH: 478px; POSITION: absolute; HEIGHT: 195px; left: -229px; top: 28px;"> 
      <DIV class=content style="POSITION: absolute; TOP: 3px; left: 8px; width: 467px; height: 266px;"> 
        <P description="me"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font

size="2"> 
          </font><strong>code name:</strong></font><font color="#333333"> 小熊<font size="1" face="Verdana,

Arial, Helvetica, sans-serif">sky</font>      
          / 汐草街<br>     
          <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>sex:</strong> 
          male</font><br>
          <font size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">length:</font></strong><font

face="Verdana, Arial, Helvetica, sans-serif"> 
          178cm</font><font size="2">&nbsp;{低<font size="1">...</font>}</font></font> 
          &nbsp; <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>weight:</strong>      
          119~123</font>斤 {轻...浮动中. ...}<br>    
          <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>birthday:</strong> 
          xxxx .2 .7</font> {请自觉备好礼品,谢绝低端货色以及一系列的地摊儿货...}<br>     
          <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>constellation:</strong></font> 
          水瓶&nbsp;&nbsp; <b>来自：</b>重庆 -&gt; 卡卡儿<br>    
          <strong>血型<font size="1" face="Verdana, Arial, Helvetica, sans-serif">:</font></strong> 
          长方形 {医生说是&quot;畸型&quot;...}<br>     
          <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>hobby:</strong></font> 
          搞电脑 听音乐 捶篮球 睡瞌睡 泡网<br>     
          <font size="1"><strong> <font face="Verdana, Arial, Helvetica, sans-serif">use 
          software:</font></strong></font> <font size="1" face="Verdana, Arial, Helvetica,

sans-serif">Dreamweaver      
          .Fireworks .Flash .Photoshop .Illustrator .Animator . Painter .CorelDRAW 
          .AutoCAD .3ds max .Winamp</font> {最后一个软件我使用频率最高,也是我使用最熟悉的一个软件...}<br>     
          <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>mail:</strong> 
          <a href="mailto:xicaojie@21cn.com">xicaojie@21cn.com</a></font> {我没看邮件的习惯,有事去论坛<font

size="1" face="Verdana, Arial, Helvetica, sans-serif">or</font>留言本...}<br>     
        <strong>最喜欢的一部电影<font size="1" face="Verdana, Arial, Helvetica, sans-serif">:</font></strong>(世界末

日)主演:布鲁斯威利斯,本艾弗列克,丽芙泰勒.故事描述的是美国太空总署发现了一颗巨大的陨石正朝地球方向而来,并将在<font

size="1" face="Verdana, Arial, Helvetica, sans-serif">18</font>天之内撞上地球...然后就是一系列的惊险+刺激+壮观+爱情

+激情的场景...<br>    
          <strong>关于汐草街<font size="1" face="Verdana, Arial, Helvetica, sans-serif">:</font></strong> 
          首先,这3个字是我原创.请勿滥用.<font size="1" face="Verdana, Arial, Helvetica, sans-serif">Thanks</font>.其次

<font size="1" face="Verdana, Arial, Helvetica, sans-serif">www.xicaojie.com</font><font size="2">这个东西是我

的.请不要有想法.<font size="1" face="Verdana, Arial, Helvetica, sans-serif">xicaojie</font>就是汐草街的拼音.这下就应

该好记了.<br>  
          <strong>说完<font size="1">.</font>收工</strong><font size="1">...........</font><font

color="#333333"><font size="1">..</font><font size="2"><font

size="1">..................</font></font></font><font

size="1">..................................................</font></font></font></P>
      </DIV>
    </DIV>
    <div id="Layer1" style="position:absolute; width:59px; height:42px; z-index:5; left: 225px; top:

-60px;"></div>
  </DIV>
</DIV>   
<SCRIPT language=javascript>new ThreeOhScroll("externals", 165)</SCRIPT>
</BODY></HTML>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]