javascript模拟滚动条实现代码

　　其实这样代码产生些了冗余.......不如单独写个Slider类做为第一个版本还是保存起来有时间的话试着单独的写个Slider类

<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title></title> 
<style type="text/css"> 
#container { 
height:200px;_height:198px;width:385px;border:1px solid #CCCCCC; 
} 
#container #content{ 
height:200px;width:370px;float:left;overflow:hidden; 
} 
#container #content div{ 
margin-top:4px;margin-left:4px;height:16px;font-size:14px;color:#666666;width:100%; 
} 
#container #scroll{ 
height:200px;width:15px;float:right; 
} 
.b1{width:600px; height:23px; background-image:url(/upload/2010-3/20100311163933339.gif)} 
/*=========================================================*/ 
#container1 { 
height:200px;width:400px;_width:398px;border:1px solid #999999; 
} 
#container1 #content1{ 
height:180px;width:400px;overflow:hidden; 
} 
#container1 #content1 td{ 
height:180px;width:200px; 
} 
#container1 #content1 td img{ 
height:180px;width:200px; 
} 
#container1 #scroll1{ 
height:20px;width:400px; 
} 
#container1 #scroll1 #block1{ 
width:20px;height:20px;background-color:#990000;position:absolute; 
} 
/*====================================================================*/ 
table div{height:20px; font-size:13px; margin-top:5px; color:#333333; font-weight:bold} 
table img{height:160px; width:200px;} 
/*====================================================================*/ 
.b2{background-image:url(/upload/2010-3/20100311163933545.gif); width:26px; height:34px;} 
.b2-1{background:transparent url(/upload/2010-3/20100311163934864.gif) no-repeat scroll center center; width:20px; height:161px; margin-left:4px;} 
.b2-2{background-image:url(/upload/2010-3/20100311163934603.gif); height:22px; width:20px; position:absolute} 
.b2-3{background-image:url(/upload/2010-3/20100311163934887.gif); width:26px; height:34px;} 
/*====================================================================*/ 
.b3{ width:840px; height:216px;border:2px solid #b50000;} 
.b3-1{width:740px; height:216px; margin:0 auto; } 
.b3-2{height:180px; width:100%; overflow:hidden;} 
.b3-l1{height:auto; width:660px;margin:0 auto;} 
.b3-l2{font-size:0px; background-image:url(/upload/2010-3/20100311163934223.gif); height:20px; width:30px; background-position:-182px 0px; float:left; } 
.b3-l3{font-size:0px; background-image:url(/upload/2010-3/20100311163934223.gif);height:20px; width:600px; background-position:0px -226px; float:left;} 
.b3-l4{background-image:url(/upload/2010-3/20100311163934223.gif); height:20px; width:162px; background-position:-14px 0px; position:absolute} 
.b3-l5{font-size:0px; background-image:url(/upload/2010-3/20100311163934223.gif); height:20px; width:30px; background-position:-216px 0px; float:left;} 
/*====================================================================*/ 
.b4-1{font-size:0px; height:17px; width:15px; background-image:url(/upload/2010-3/20100311163934575.gif); background-position:-15px 0; margin:0px;} 
.b4-2{font-size:0px; height:166px; width:15px; background-image:url(/upload/2010-3/20100311163934575.gif); background-position:-30px 0; } 
.b4-3{font-size:0px; background-image:url(/upload/2010-3/20100311163934575.gif); background-position:-45px 0; position:absolute; height:17px; width:15px; } 
.b4-4{font-size:0px; height:17px; width:15px; background-image:url(/upload/2010-3/20100311163934575.gif); background-position:0 0;margin:0px;} 
/*====================================================================*/ 
.b5-1{background:url(/upload/2010-3/20100311163934971.jpg) no-repeat; width:550px; height:520px; padding:1px;} 
.b5-2{height:350px; width:300px; margin-left:50px; margin-top:50px;} 
.b5-3{ margin-top:10px; margin-left:5px; height:330px; width:260px; font-size:14px;; color:#054c68; float:left; overflow:hidden} 
.b5-4{font-size:16px; font-weight:bold} 
.b5-5{float:right; margin-right:12px; margin-top:10px; height:330px; width:15px; } 
.b5-6{position:absolute; height:10px; line-height:10px; width:15px; background-color:#c6e7f4;} 
</style> 
</head> 
<body style=" padding:30px; margin:0px;">

<div id="container"> 
 
<div>人族</div> 
<div>SKY流--强大的中国选手人皇sky的成名绝技</div> 
<div>KUA流--多不兵配合MK,前期可谓遇佛神通杀</div> 
<div>3法流--好象只是很好打兽族,打精灵还得配合小炮</div> 
<div>骑士狮鸠流--配合圣骑的3级光环全防心灵之火,绝对bug</div> 
<div>飘逸流--3蛋的成名绝技,首发圣骑,打得亡灵一般没的脾气</div> 
<div>机械流--飞机加坦克,曾经风靡一时,moon也吃亏无数</div> 
<div>万精油--3发+火枪+小炮,不变应万变的打法</div> 
<div>兽族</div> 
<div>跑狼骑--狼骑的高速移动,城攻与网,拆家起来无人能敌</div> 
<div>速飞龙--比较投机的打法,一旦投机成功,对方可以直接gg</div> 
<div>黑白牛--配合撒满,高攻,高防,高攻速,高血,无限复活</div> 
<div>白牛海--适合内战,无限复活且20的攻击打兽身上2倍加成</div> 
<div>XXXX流--猎头+巫医+撒满,orc时代的bug,如今很难看到</div> 
<div>万精油--大G+狼骑+白牛+科多,最常规的打法</div> 
<div>不死族</div> 
<div>蜘蛛流--蜘蛛的高功,加上不死英雄的强大魔法,强</div> 
<div>冰甲蜘蛛流--主要对抗兽族,让蜘蛛,亡骑更难打.</div> 
<div>西瓜流--中国天灾Ted的成名绝技,女妖给兵套个盾,象西瓜</div> 
<div>天地双鬼--有段时间一直被精灵认为是bug.</div> 
<div>胖子毁灭--高攻,高防,高血,且无视魔法效果</div> 
<div>骷髅海--可以看到满天的骷髅大军(驱散法师小精灵完克)</div> 
<div>精灵族</div> 
<div>女猎流1--NEvsNE,一般虎MM配合大量女猎,全是MM.</div> 
<div>女猎流2--NEvsHUM,SM女王配合大量女猎克制人族速矿</div> 
<div>吹风流--曾经的兽族客星,华丽,飘逸,==</div> 
<div>大树流--很多很多大树配合很多很多的ac,场面壮观</div> 
<div>弩车流--基本只有耳闻没见过</div> 
<div>乱矿流--Moon的成名绝技,一个矿被拆了,2个矿起来了</div> 
<div>三远流--ACMM+鹿MM+得鲁伊大叔,把任何物体射成马蜂窝</div> 
</div> 
<div id="scroll"> 
<div id='p1' class="b4-1"></div> 
<div id="scroll4" class="b4-2"> 
<div id="block4" class="b4-3"> </div> 
</div> 
<div id='p2' class="b4-4"></div> 
</div> 
</div>

<div class="b5-1"> 
<div id='con1' class="b5-2"> 
<div id='ccc1' class="b5-3"> 
　　<span class="b5-4">1.身世</span>
 
　　我爱罗是第四代风影之子，也是手鞠和勘九郎的弟弟。
 
　　当他出世时，因为砂隐忍者村资金短缺，在他的父亲的指示下，一尾守鹤被封印在我爱罗的体内，目的是为了让他成为保护村庄的强大武器。忧郁的
 
　　由于这样做需要作出牺牲，我爱罗的母亲因此成了牺牲品。
 
　　我爱罗由他的舅父夜叉丸养大，并由他的父亲传授忍术。由于我爱罗具备守鹤的可怕力量，村子的人憎恨和惧怕他。
 
　　夜叉丸是唯一关照他的人，也只有夜叉丸了解我爱罗的心里其实并不想伤害任何人。可是他的父亲第四代风影并不这么想，他一直视我爱罗为村庄的一个巨大威胁。 
　　于是第四代风影不断地派杀手刺杀我爱罗，可是没有一次成功。最后第四代风影只好叫夜叉丸下手。夜叉丸执行命令时死在我爱罗的手上。当我爱罗发现来杀他的杀手竟然是夜叉丸时感到异常震惊和悲伤。夜叉丸死前将真相告诉我爱罗，其实他从来就没有喜欢过我爱罗。他这样做只是希望能够为他的姐姐（我爱罗的母亲）报仇。夜叉丸把许多炸药绑在身上，希望和我爱罗同归于尽。由于砂子的保护，我爱罗活了下来。意识到没有人喜欢他，我爱罗逐渐地转变成一个没有感情的人，发誓只为自己而活，从杀人中寻找乐趣，并用沙子在额头上刻了"爱"字。
 由于惧怕他体内的怪兽会占据他的心灵，我爱罗从小患了失眠症，这是为什么他的眼圈是黑的缘故。平时背上背负著一个巨大的葫芦，当危机出现时，葫芦中的砂子会自动保护我爱罗。

<span class="b5-4">2.忍术</span>
 
　　·绝对防御：随身携带一部分带有查克拉的砂子，随时形成防御
 
　　·砂分身：用沙子造出一个分身
 
　　·砂瞬身：用沙子移动
 
　　·砂缚柩：以沙迅速靠近对手将目标包在沙内无法行动，然后用强大的压力将对手压死。
 
　　·砂时雨：将沙漫布于空中，然后集中一点落下以配合下一式
 
　　·砂手里剑：在沙中注入查克拉使之硬化，快速放出
 
　　·砂之铠甲：长期将魔沙覆盖于身体表面起到防御作用
 
　　·砂之守护Ⅰ：沙不需要我爱罗的意识自行保护
 
　　·守鹤半觉醒：出现一个大沙球，将自己包住，有敌人进攻沙子会自动反击。
 
　　·守鹤之盾：最强的终极防御术！将地下石矿中最坚硬的部分混合查克拉制成。可以抵消一切攻击。用地下最强的矿物质加查克拉做成沙瀑枪葬的盾。
 
　　·守鹤之矛：最强的终极攻击术！与守鹤之盾相匹配。曾用此招将[匠忍者村]的始祖击毙
 
　　·砂瀑送葬：用沙将对手压死，用于被沙缚柩困住的对手出招
 
　　·流沙瀑流：大面积操纵沙控制对手以配合砂瀑大葬
 
　　·砂瀑大葬：沙暴送葬强化版，范围扩大到一平方公里
 
　　·砂瀑枪葬：最硬绝对攻击! 用沙以棱台形包住对手,然后用巨型守鹤之矛击中对手，这招消耗在沙中注入查克拉使之硬化，快速放出查克拉特别大，杀伤力强。
 
　　·砂流葬：控制目标下方的沙，制成流沙，将目标陷入地下200米处压死 灭砂瀑葬
 
　　·灭砂瀑葬：在沙地上开出巨大裂口，使对手陷入沙层以下。当沙子完全埋没后，将查克拉
 
　　集中于左手，使沙子放射出与地震般强大的震感爆炸力，杀伤力极强
 
　　·砂缚牢：沙缚柩扩大版.将困住对手的沙缚柩浮于半空利用周围的风沙配合查克拉进行方型式四面扭曲、挤压，最后爆破沙牢
 
　　·假寐之术（狸寝术）：催眠术,让自己深度沉睡,以爆发出守鹤
 
　　·砂之眼：在被完全包裹住自己时，为了探清外面的情况做了一个眼睛。但是这不是普通的沙眼，和视神经是连接的
 
　　·砂雷针：剧场版『幻之地底遗迹』中我爱罗使用的绝招，将沙子做成针状散布在敌人四周，产生雷电攻击敌人
 
　　.风遁·无限砂尘大突破：风遁混杂着沙子，攻击大范围内的敌人
 
　　.风遁·练空弹：用大量查克拉压缩做成的空气波攻击敌人
 
　　·砂漠浮游：利用沙将自己及李洛克升到空中，以避过君麻吕恐怖之术－早蕨之舞（把大地化为尸骨）
 
　　·沙瀑意流：将大片的岩石化为沙子
 
　　·砂尘双击 
 
　　·砂尘冥柩 
 
　　沙阵雨:,可使对手的脚无法动
 
</div> 
<div id='scroll5' class="b5-5"> 
<div id="block5" class="b5-6"> </div> 
</div> 
<div style="clear:both"></div> 
</div> 
</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Avar%20Sys%20%3D%20(function(ua)%7B%20%0D%0Avar%20s%20%3D%20%7B%7D%3B%20%0D%0As.IE%20%3D%20ua.match(%2Fmsie%20(%5B%5Cd.%5D%2B)%2F)%3Ftrue%3Afalse%3B%20%0D%0As.Firefox%20%3D%20ua.match(%2Ffirefox%5C%2F(%5B%5Cd.%5D%2B)%2F)%3Ftrue%3Afalse%3B%20%0D%0As.Chrome%20%3D%20ua.match(%2Fchrome%5C%2F(%5B%5Cd.%5D%2B)%2F)%3Ftrue%3Afalse%3B%20%0D%0As.IE6%20%3D%20(s.IE%26%26(%5B%2FMSIE%20(%5Cd)%5C.0%2Fi.exec(navigator.userAgent)%5D%5B0%5D%5B1%5D%20%3D%3D%206))%3Ftrue%3Afalse%3B%20%0D%0As.IE7%20%3D%20(s.IE%26%26(%5B%2FMSIE%20(%5Cd)%5C.0%2Fi.exec(navigator.userAgent)%5D%5B0%5D%5B1%5D%20%3D%3D%207))%3Ftrue%3Afalse%3B%20%0D%0As.IE8%20%3D%20(s.IE%26%26(%5B%2FMSIE%20(%5Cd)%5C.0%2Fi.exec(navigator.userAgent)%5D%5B0%5D%5B1%5D%20%3D%3D%208))%3Ftrue%3Afalse%3B%20%0D%0Areturn%20s%3B%20%0D%0A%7D)(navigator.userAgent.toLowerCase())%3B%20%0D%0ASys.IE6%26%26document.execCommand(%22BackgroundImageCache%22%2C%20false%2C%20true)%3B%20%0D%0Avar%20%24%20%3D%20function%20(id)%20%7B%20%0D%0Areturn%20%22string%22%20%3D%3D%20typeof%20id%3Fdocument.getElementById(id)%3Aid%3B%20%0D%0A%7D%3B%20%0D%0Avar%20%24%24%20%3D%20function(p%2Ce)%7B%20%0D%0Areturn%20p.getElementsByTagName(e)%3B%20%0D%0A%7D%3B%20%0D%0Afunction%20addListener(element%2Ce%2Cfn)%7B%20%0D%0Aelement.addEventListener%3Felement.addEventListener(e%2Cfn%2Cfalse)%3Aelement.attachEvent(%22on%22%20%2B%20e%2Cfn)%20%0D%0A%7D%3B%20%0D%0Afunction%20removeListener(element%2Ce%2Cfn)%7B%20%0D%0Aelement.removeEventListener%3Felement.removeEventListener(e%2Cfn%2Cfalse)%3Aelement.detachEvent(%22on%22%20%2B%20e%2Cfn)%20%0D%0A%7D%3B%20%0D%0Afunction%20create(elm%2Cparent%2Cfn)%7B%20%0D%0Avar%20element%20%3D%20document.createElement(elm)%3Bparent.appendChild(element)%3Bif(fn)fn(element)%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Css%20%3D%20function(e%2Co)%7B%20%0D%0Aif(typeof%20o%3D%3D%22string%22)%20%0D%0A%7B%20%0D%0Ae.style.cssText%3Do%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Afor(var%20i%20in%20o)%20%0D%0Ae.style%5Bi%5D%20%3D%20o%5Bi%5D%3B%20%0D%0A%7D%3B%20%0D%0Afunction%20getobjpos(el%2Cleft)%7B%20%0D%0Avar%20val%20%3D%200%3B%20%0D%0Awhile%20(el%20!%3Dnull)%20%7B%20%0D%0Aval%20%2B%3D%20el%5B%22offset%22%20%2B%20(left%3F%20%22Left%22%3A%20%22Top%22)%5D%3B%20%0D%0Ael%20%3D%20el.offsetParent%3B%20%0D%0A%7D%20%0D%0Areturn%20val%3B%20%0D%0A%7D%3B%20%0D%0Avar%20CurrentStyle%20%3D%20function(element)%7B%20%0D%0Areturn%20element.currentStyle%20%7C%7C%20document.defaultView.getComputedStyle(element%2C%20null)%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Bind%20%3D%20function(object%2C%20fun)%20%7B%20%0D%0Avar%20args%20%3D%20Array.prototype.slice.call(arguments).slice(2)%3B%20%0D%0Areturn%20function()%20%7B%20%0D%0Areturn%20fun.apply(object%2C%20args)%3B%20%0D%0A%7D%20%0D%0A%7D%3B%20%0D%0Avar%20BindAsEventListener%20%3D%20function(object%2C%20fun%2Cargs)%20%7B%20%0D%0Avar%20args%20%3D%20Array.prototype.slice.call(arguments).slice(2)%3B%20%0D%0Areturn%20function(event)%20%7B%20%0D%0Areturn%20fun.apply(object%2C%20%5Bevent%20%7C%7C%20window.event%5D.concat(args))%3B%20%0D%0A%7D%20%0D%0A%7D%3B%20%0D%0Avar%20Tween%20%3D%20%7B%20%0D%0ALinear%3A%20function(t%2Cb%2Cc%2Cd)%7B%20return%20c*((t%3Dt%2Fd-1)*t*t*t*t%20%2B%201)%20%2B%20b%3B%20%7D%20%0D%0A%7D%3B%20%0D%0Avar%20Extend%20%3D%20function(destination%2C%20source)%20%7B%20%0D%0Afor%20(var%20property%20in%20source)%20%7B%20%0D%0Adestination%5Bproperty%5D%20%3D%20source%5Bproperty%5D%3B%20%0D%0A%7D%20%0D%0A%7D%3B%20%0D%0Avar%20Class%20%3D%20function(properties)%7B%20%0D%0Avar%20_class%20%3D%20function()%7Breturn%20(arguments%5B0%5D%20!%3D%3D%20null%20%26%26%20this.initialize%20%26%26%20typeof(this.initialize)%20%3D%3D%20'function')%20%3F%20this.initialize.apply(this%2C%20arguments)%20%3A%20this%3B%7D%3B%20%0D%0A_class.prototype%20%3D%20properties%3B%20%0D%0Areturn%20_class%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Drag%20%3D%20new%20Class(%7B%20%0D%0Aoptions%3A%7B%20%0D%0ALimit%20%3A%20false%2C%20%0D%0AmxLeft%20%3A%200%2C%20%0D%0AmxRight%20%3A%209999%2C%20%0D%0AmxTop%20%3A%200%2C%20%0D%0AmxBottom%20%3A%209999%2C%20%0D%0AmxContainer%20%3A%20null%2C%20%0D%0ALockX%20%3A%20false%2C%20%0D%0ALockY%20%3A%20false%2C%20%0D%0AzIndex%20%3A%202%2C%20%0D%0AOnstart%20%3A%20function()%7B%7D%2C%20%0D%0AOnmove%20%3A%20function()%7B%7D%2C%20%0D%0AOnstop%20%3A%20function()%7B%7D%20%0D%0A%7D%2C%20%0D%0Ainitialize%3Afunction(obj%2Coptions)%7B%20%0D%0Athis._obj%20%3D%20obj%3B%20%0D%0Athis._x%20%3D%200%3B%20%0D%0Athis._y%20%3D%200%3B%20%0D%0Athis._marginLeft%20%3D%200%3B%20%0D%0Athis._marginTop%20%3D%200%3B%20%0D%0Athis._fM%20%3D%20BindAsEventListener(this%2C%20this.Move)%3B%20%0D%0Athis._fS%20%3D%20Bind(this%2C%20this.Stop)%3B%20%0D%0Avar%20o%20%3D%7B%7D%3B%20%0D%0AExtend(o%2Cthis.options)%3B%20%0D%0AExtend(o%2Coptions%7C%7C%7B%7D)%3B%20%0D%0AExtend(this%2Co)%3B%20%0D%0Athis.zIndex%20%3D%20Math.max(this.zIndex%2CDrag.zIndex%7C%7C0)%3B%20%0D%0Aif(this.mxContainer%26%26this.Limit)%20%2F%2F%E8%AE%BE%E7%BD%AE%E4%BA%86%E9%99%90%E5%88%B6%20%E5%92%8C%20%E5%AE%B9%E5%99%A8%E9%99%90%E5%88%B6%E5%90%8E%20%E8%AE%A1%E7%AE%97%E8%BE%B9%E7%95%8C%E7%9B%B4%20%0D%0A%7B%20%0D%0Athis.mxLeft%20%3D%20getobjpos(this.mxContainer%2C1)%3B%20%0D%0Athis.mxTop%20%3D%20getobjpos(this.mxContainer%2C0)%3B%20%0D%0Athis.mxRight%20%3D%20getobjpos(this.mxContainer%2C1)%20%2B%20this.mxContainer.offsetWidth-this._obj.offsetWidth%3B%20%0D%0Athis.mxBottom%20%3D%20getobjpos(this.mxContainer%2C0)%20%2B%20this.mxContainer.offsetHeight-this._obj.offsetHeight%3B%20%0D%0A%7D%20%0D%0AaddListener(this._obj%2C%22mousedown%22%2CBindAsEventListener(this%2Cthis.Start))%3B%20%0D%0ADrag.zIndex%20%3D%20this.zIndex%3B%20%0D%0A%7D%2C%20%0D%0AStart%3Afunction(e)%7B%20%0D%0Athis._obj.style.zIndex%20%3D%20%2B%2BDrag.zIndex%3B%20%0D%0Athis._x%20%3D%20e.clientX%20-%20this._obj.offsetLeft%20%3B%20%0D%0Athis._y%20%3D%20e.clientY%20-%20this._obj.offsetTop%3B%20%0D%0Athis._marginLeft%20%3D%20parseInt(this._obj.style.marginLeft)%7C%7C0%3B%20%0D%0Athis._marginTop%20%3D%20parseInt(this._obj.style.marginTop)%7C%7C0%3B%20%0D%0Aif(Sys.IE)%20%0D%0A%7B%20%0D%0AaddListener(this._obj%2C%20%22losecapture%22%2C%20this._fS)%3B%20%0D%0Athis._obj.setCapture()%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Ae.preventDefault()%3B%20%0D%0AaddListener(window%2C%20%22blur%22%2C%20this._fS)%3B%20%0D%0A%7D%20%0D%0AaddListener(document%2C%22mousemove%22%2Cthis._fM)%3B%20%0D%0AaddListener(document%2C%22mouseup%22%2Cthis._fS)%3B%20%0D%0Athis.Onstart()%3B%20%0D%0A%7D%2C%20%0D%0AMove%3Afunction(e)%7B%20%0D%0Awindow.getSelection%20%3F%20window.getSelection().removeAllRanges()%20%3A%20document.selection.empty()%3B%20%0D%0Avar%20iLeft%20%3D%20e.clientX%20-%20this._x%2C%20iTop%20%3D%20e.clientY%20-%20this._y%3B%20%0D%0Aif(this.Limit)%7B%20%0D%0AiLeft%3D%20Math.min(Math.max(iLeft%2Cthis.mxLeft)%2Cthis.mxRight)%3B%20%0D%0AiTop%20%3D%20Math.min(Math.max(iTop%2Cthis.mxTop)%2Cthis.mxBottom)%3B%20%0D%0A%7D%20%0D%0Aif(!this.LockX)this._obj.style.left%20%3D%20iLeft%20-%20this._marginLeft%20%2B%20%22px%22%3B%20%0D%0Aif(!this.LockY)this._obj.style.top%20%3D%20iTop%20-%20this._marginTop%20%2B%20%22px%22%3B%20%0D%0Athis.Onmove()%3B%20%0D%0A%7D%2C%20%0D%0AStop%3Afunction()%7B%20%0D%0AremoveListener(document%2C'mousemove'%2Cthis._fM)%3B%20%0D%0AremoveListener(document%2C'mouseup'%2Cthis._fS)%3B%20%0D%0Aif(Sys.IE)%20%0D%0A%7B%20%0D%0AremoveListener(this._obj%2C%20%22losecapture%22%2C%20this._fS)%3B%20%0D%0Athis._obj.releaseCapture()%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0AremoveListener(window%2C%20%22blur%22%2C%20this._fS)%3B%20%0D%0Athis.Onstop()%3B%20%0D%0A%7D%20%0D%0A%7D)%3B%20%0D%0Avar%20Slider%20%3D%20new%20Class(%7B%20%0D%0Aoptions%20%3A%7B%20%0D%0Adirection%20%3A%20true%2C%20%2F%2Ftrue%E4%B8%BA%E7%BA%B5%2Cfalse%E4%B8%BA%E6%A8%AA%20%0D%0Atype%20%3A%20%22Y%22%2C%20%2F%2F%E5%88%86%E5%88%AB%E4%B8%BAX%2CY%2CN%20%0D%0Ashapechange%20%3A%20true%2C%20%2F%2F%E6%98%AF%E5%90%A6%E8%AF%A5%E5%8F%98%E6%BB%9A%E5%8A%A8%E6%9D%A1%E7%9A%84%E5%BD%A2%E7%8A%B6%20%0D%0Atopvalue%20%3A%200%2C%20%2F%2F%E4%B8%8A%E6%88%96%E5%B7%A6%E5%81%8F%E5%B7%AE%E5%80%BC%20%0D%0Abottomvalue%20%3A%200%2C%20%2F%2F%E4%B8%8B%E6%88%96%E5%8F%B3%E5%81%8F%E5%B7%AE%E5%80%BC%20%0D%0Aborder%20%3A%200%2C%20%2F%2F%E5%A4%84%E7%90%86ie%E4%B8%8Bborder%E7%9A%84%E9%97%AE%E9%A2%98%20%0D%0Astep%20%3A%201%2C%20%2F%2F%E9%94%AE%E7%9B%98%E6%93%8D%E4%BD%9C%E6%97%B6%E5%80%99%E7%9A%84%E6%AD%A5%E9%95%BF%20%0D%0At%20%3A%200%2C%20%0D%0Ab%20%3A%200%2C%20%0D%0Ac%20%3A%200%2C%20%0D%0Ad%20%3A%2040%2C%20%0D%0AOnmove%20%3A%20function()%7B%7D%20%0D%0A%7D%2C%20%0D%0Ainitialize%20%3Afunction(container%2Cblock%2Cblockcontainer%2Coptions)%7B%20%0D%0Athis.container%20%3D%20container%3B%20%0D%0Athis.block%20%3D%20block%3B%20%0D%0Athis.blockcontainer%20%3D%20blockcontainer%3B%20%0D%0Avar%20o%20%3D%7B%7D%3B%20%0D%0AExtend(o%2Cthis.options)%3B%20%0D%0AExtend(o%2Coptions%7C%7C%7B%7D)%3B%20%0D%0AExtend(this%2Co)%3B%20%0D%0Athis.timer%20%3D%20null%3B%20%0D%0Athis.ismove%20%3D%20false%3B%20%0D%0Avar%20_self%20%3D%20this%3B%20%0D%0A%2F*%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D*%2F%20%0D%0A%2F*%E5%A6%82%E6%9E%9C%E6%BB%9A%E5%8A%A8%E6%9D%A1%E4%B8%8D%E6%98%AF%E5%8D%95%E7%8B%AC%E7%9A%84%E5%9B%BE%E7%89%87%E5%8F%AF%E4%BB%A5%E7%94%A8div%E6%A8%A1%E6%8B%9F%20%E8%BF%99%E6%97%B6%E5%80%99%E5%B0%B1%E5%BE%97%E8%AE%BE%E7%BD%AE%E6%BB%9A%E5%8A%A8%E6%9D%A1%E7%9A%84%E9%95%BF%E5%BA%A6%E6%88%96%E8%80%85%E5%AE%BD%E5%BA%A6%E4%BA%86%20%E6%8C%89%E6%AF%94%E4%BE%8B%E8%AE%BE%E7%BD%AE*%2F%20%0D%0Athis.type%20%3D%3D%22Y%22%26%26this.shapechange%26%26(this.block.style.height%20%3D%20this.container.offsetHeight*(this.container.offsetHeight%2F%24%24(this.container%2C%22div%22)%5B0%5D.scrollHeight)%2B%22px%22)%3B%20%0D%0Athis.type%20%3D%3D%22X%22%26%26this.shapechange%26%26(this.block.style.width%20%3D%20this.container.offsetWidth*(this.container.offsetWidth%2F%24%24(this.container%2C%22div%22)%5B0%5D.scrollWidth)%2B%22px%22)%3B%20%0D%0A%2F*%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D*%2F%20%0D%0Avar%20xc%20%3D%20this.blockcontainer%3Fthis.blockcontainer%3Athis.container%3B%20%0D%0AaddListener(xc%2C'click'%2CBindAsEventListener(this%2Cthis.Start))%3B%20%0D%0AaddListener(this.block%2C'click'%2CBindAsEventListener(this%2Cthis.Bubble))%3B%20%0D%0A%2F*%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D*%2F%20%0D%0Athis.KeyBind(this.container)%3B%20%2F%2F%E9%94%AE%E7%9B%98%E4%B8%8E%E9%BC%A0%E6%A0%87%E6%BB%91%E8%BD%AE%E9%83%A8%E5%88%86%E5%8F%82%E8%80%83%E7%9A%84cloudgamer%E7%9A%84%20%0D%0Athis.WheelBind(this.container)%3B%20%0D%0Avar%20oFocus%20%3D%20Sys.IE%20%3F%20this.block%20%3A%20this.container%3B%20%0D%0AaddListener(this.block%2C%20%22mousedown%22%2C%20function()%7B%20_self.Stopmove()%3BoFocus.focus()%3B%7D)%3B%20%0D%0A%2F*%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D*%2F%20%0D%0Athis.drag%20%3D%20new%20Drag(this.block%2C%7BLimit%3Atrue%2CmxContainer%3Axc%2COnmove%3ABind(this%2Cthis.Move)%7D)%3B%20%0D%0Athis.drag%5Bthis.direction%3F%22LockX%22%3A%22LockY%22%5D%20%3D%20true%3B%20%0D%0Athis.border%20%3D%20(Sys.IE6%7C%7CSys.IE7)%3Fthis.border%3A0%3B%20%2F%2Fie6%2C7%E4%B8%8B%20border%E4%B9%9F%E8%A6%81%E7%AE%97%E8%BF%9B%E5%8E%BB%20%E4%B8%8D%E7%84%B6%E6%9C%89%E8%AF%AF%E5%B7%AE%20ie8%2C%E5%8D%B4%E5%8F%88%E4%B8%8D%E9%9C%80%E8%A6%81%E7%AE%97%20%E7%9C%9F%E6%98%AF%E7%BA%A0%E7%BB%93............%20%0D%0Aif(this.direction)%20%0D%0A%7B%20%0D%0Athis.drag.mxTop%20%3D%20this.drag.mxTop%20-%20this.topvalue%20%2B%20this.border%3B%20%0D%0Athis.drag.mxBottom%20%3D%20this.drag.mxBottom%20%2B%20this.bottomvalue%20%2B%20this.border%3B%20%0D%0Athis.block.style.top%20%3D%20this.drag.mxTop%2B%22px%22%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Athis.drag.mxLeft%20%3D%20this.drag.mxLeft%20-%20this.topvalue%20%2B%20this.border%3B%20%0D%0Athis.drag.mxRight%20%3D%20this.drag.mxRight%20%2B%20this.bottomvalue%20%2B%20this.border%3B%20%0D%0Athis.block.style.left%20%3D%20this.drag.mxLeft%2B%22px%22%3B%20%0D%0A%7D%20%0D%0Athis.Move()%3B%20%0D%0A%7D%2C%20%0D%0AKeycontrol%20%3A%20function(e)%7B%20%0D%0Athis.Stopdefault(e)%3B%20%0D%0Athis.Stopmove()%3B%20%0D%0Avar%20l1%20%3Dthis.direction%3F%22top%22%3A%22left%22%2Cl2%20%3D%20this.direction%3F%22offsetTop%22%3A%22offsetLeft%22%2Cl3%3Dthis.direction%3F%22mxTop%22%3A%22mxLeft%22%2Cl4%3Dthis.direction%3F%22mxBottom%22%3A%22mxRight%22%3B%20%0D%0Aif(e.keyCode%3D%3D37%7C%7Ce.keyCode%3D%3D38)this.block.style%5Bl1%5D%20%3D%20Math.max(this.block%5Bl2%5D-this.step%2Cthis.drag%5Bl3%5D)%20%2B'px'%3B%20%0D%0Aif(e.keyCode%3D%3D39%7C%7Ce.keyCode%3D%3D40)this.block.style%5Bl1%5D%20%3D%20Math.min(this.block%5Bl2%5D%2Bthis.step%2Cthis.drag%5Bl4%5D)%20%2B'px'%3B%20%0D%0Athis.Move()%3B%20%0D%0A%7D%2C%20%0D%0AWheelcontrol%20%3Afunction(e)%7B%20%0D%0Athis.Stopmove()%3B%20%0D%0Avar%20t%20%3D%20Sys.Firefox%3Fe.detail%3Ae.wheelDelta%3B%20%0D%0Avar%20l1%20%3Dthis.direction%3F%22top%22%3A%22left%22%2Cl2%20%3D%20this.direction%3F%22offsetTop%22%3A%22offsetLeft%22%2Cl3%3Dthis.direction%3F%22mxTop%22%3A%22mxLeft%22%2Cl4%3Dthis.direction%3F%22mxBottom%22%3A%22mxRight%22%3B%20%0D%0Athis.block.style%5Bl1%5D%20%3D%20Sys.Firefox%3F(t%3C0%3FMath.max(this.block%5Bl2%5D-5%2Cthis.drag%5Bl3%5D)%2B'px'%3AMath.min(this.block%5Bl2%5D%2B5%2Cthis.drag%5Bl4%5D)%20%2B'px')%3A(t%3E0%3FMath.max(this.block%5Bl2%5D-5%2Cthis.drag%5Bl3%5D)%2B'px'%3AMath.min(this.block%5Bl2%5D%2B5%2Cthis.drag%5Bl4%5D)%20%2B'px')%3B%20%0D%0Athis.Move()%3B%20%0D%0Athis.Stopdefault(e)%3B%20%0D%0A%7D%2C%20%0D%0AWheelBind%20%3A%20function(o)%7B%20%0D%0AaddListener(o%2C%20Sys.Firefox%3F%20%22DOMMouseScroll%22%20%3A%20%22mousewheel%22%2C%20BindAsEventListener(this%2Cthis.Wheelcontrol))%3B%20%0D%0A%7D%2C%20%0D%0AKeyBind%20%3A%20function(o)%7B%20%0D%0AaddListener(o%2C'keydown'%2CBindAsEventListener(this%2Cthis.Keycontrol))%3B%20%0D%0Ao.tabIndex%20%3D%20-1%3B%20%0D%0ASys.IE%20%7C%7C%20(o.style.outline%20%3D%20%22none%22)%3B%20%0D%0A%7D%2C%20%0D%0AMove%20%3A%20function()%7B%20%0D%0Avar%20c%20%3D%20%24%24(this.container%2C%22div%22)%5B0%5D%20%3B%20%0D%0A%2F*%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D*%2F%20%0D%0Aif(this.type%3D%3D%22Y%22)c.scrollTop%20%3D%20(c.scrollHeight%20-%20c.offsetHeight)*(this.block.offsetTop%20-%20this.drag.mxTop)%2F(this.blockcontainer.offsetHeight%20-%20this.block.offsetHeight%20%2Bthis.topvalue%2Bthis.bottomvalue)%3B%20%0D%0Aif(this.type%3D%3D%22X%22)c.scrollLeft%20%3D%20(c.scrollWidth%20-%20c.offsetWidth)*(this.block.offsetLeft%20-%20this.drag.mxLeft)%2F(this.blockcontainer.offsetWidth-this.block.offsetWidth%2Bthis.topvalue%2Bthis.bottomvalue)%3B%20%0D%0A%2F*%E4%B8%8A%E9%9D%A2%E4%B8%BA%E6%BB%9A%E5%8A%A8%E6%9D%A1%E7%9A%84%E8%AE%A1%E7%AE%97%E6%96%B9%E5%BC%8F*%2F%20%0D%0A%2F*%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D*%2F%20%0D%0Athis.Onmove()%3B%20%0D%0A%7D%2C%20%0D%0AStart%20%3A%20function(e)%7B%20%0D%0Athis.ismove%20%3D%20true%3B%20%0D%0Athis.b%20%3D%20this.direction%3Fthis.block.offsetTop%3Athis.block.offsetLeft%3B%20%0D%0Aif(this.direction)%20%0D%0A%7B%20%0D%0Avar%20t%20%3D%20Sys.Chrome%3Fdocument.body.scrollTop%3Adocument.documentElement.scrollTop%3B%20%0D%0Avar%20l%20%3D%20(e.clientY%2Bt)%3C%3Dthis.block.offsetTop%3F0%3Athis.block.offsetHeight%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Avar%20t%20%3D%20Sys.Chrome%3Fdocument.body.scrollLeft%3Adocument.documentElement.scrollLeft%3B%20%0D%0Avar%20l%20%3D%20(e.clientX%2Bt)%3C%3Dthis.block.offsetLeft%3F0%3Athis.block.offsetWidth%3B%20%0D%0A%7D%20%0D%0Athis.c%20%3D%20this.direction%3F(e.clientY%2Bt-l)%3A(e.clientX%2Bt-l)%3B%20%0D%0Athis.t%20%3D%200%3B%20%0D%0Athis.Run()%3B%20%0D%0A%7D%2C%20%0D%0ARun%20%3A%20function()%7B%20%0D%0Aif(!this.ismove)return%3B%20%0D%0AclearTimeout(this.timer)%3B%20%0D%0Aif(this.t%3Cthis.d)%20%0D%0A%7B%20%0D%0Athis.Runto(Math.round(Tween.Linear(this.t%2B%2B%2Cthis.b%2C(this.c-this.b)%2Cthis.d)))%3B%20%0D%0Athis.timer%20%3D%20setTimeout(Bind(this%2Cthis.Run)%2C5)%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Athis.Runto(this.c)%3B%20%0D%0Athis.t%3D0%3B%20%0D%0Athis.ismove%20%3D%20true%3B%20%0D%0A%7D%20%0D%0A%7D%2C%20%0D%0ARunto%20%3A%20function(i)%7B%20%0D%0Athis.block.style%5Bthis.direction%3F%22top%22%3A%22left%22%5D%20%3D%20i%20%2B%20%22px%22%3B%20%0D%0Athis.Move()%3B%20%0D%0A%7D%2C%20%0D%0ABubble%20%3A%20function(e)%7B%20%0D%0ASys.IE%3F(e.cancelBubble%3Dtrue)%3A(e.stopPropagation())%3B%20%0D%0A%7D%2C%20%0D%0AStopdefault%20%3A%20function(e)%7B%20%0D%0ASys.IE%3F(e.returnValue%20%3D%20false)%3A(e.preventDefault())%3B%20%0D%0A%7D%2C%20%0D%0ALeft%20%3A%20function(o)%7B%20%0D%0Athis.Lrmove(%22mxTop%22%2C%22mxLeft%22)%3B%20%0D%0A%7D%2C%20%0D%0ARight%20%3A%20function()%7B%20%0D%0Athis.Lrmove(%22mxBottom%22%2C%22mxRight%22)%3B%20%0D%0A%7D%2C%20%0D%0ALrmove%20%3A%20function(t%2Cb)%7B%20%0D%0Aif(this.t!%3D0)return%3B%20%0D%0Athis.ismove%20%3D%20true%3B%20%0D%0Athis.b%20%3D%20this.direction%3Fthis.block.offsetTop%3Athis.block.offsetLeft%3B%20%0D%0Athis.c%20%3D%20this.direction%3Fthis.drag%5Bt%5D%3Athis.drag%5Bb%5D%3B%20%0D%0Athis.Run()%3B%20%0D%0A%7D%2C%20%0D%0AStopmove%20%3A%20function()%7B%20%0D%0Athis.ismove%3Dfalse%3BclearTimeout(this.time)%3Bthis.t%20%3D%200%3B%20%0D%0A%7D%20%0D%0A%7D)%20%0D%0Awindow.onload%20%3D%20function()%7B%20%0D%0A%2F%2F%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%0D%0Anew%20Slider(%24('a1')%2C%24('block1')%2Cnull%2C%7Bdirection%3Afalse%2Ctype%3A%22N%22%2COnmove%3Afunction()%7B%20%0D%0A%24('info1').innerHTML%20%3D%20parseInt((this.block.offsetLeft%20-%20this.drag.mxLeft)%2F(this.container.offsetWidth-this.block.offsetWidth)*100)%20%2B%20%22%25%22%3B%20%0D%0A%7D%7D)%3B%20%0D%0A%2F%2F%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%0D%0Anew%20Slider(%24('a2')%2C%24('block2')%2Cnull%2C%7Btype%3A%22S%22%2COnmove%3Afunction()%7B%20%0D%0A%24('info2').innerHTML%20%3D%20parseInt((this.block.offsetTop%20-%20this.drag.mxTop)%2F(this.container.offsetHeight-this.block.offsetHeight)*100)%20%2B%20%22%25%22%3B%20%0D%0A%7D%7D)%3B%20%0D%0A%2F%2F%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%0D%0Avar%20deom3%20%3D%20new%20Slider(%24('a3')%2C%24(%22block3%22)%2C%24(%22scroll3%22)%2C%7Bshapechange%3Afalse%2Cdirection%3Afalse%2Ctype%3A%22X%22%2Ctopvalue%3A5%2Cbottomvalue%3A5%2Cborder%3A2%7D)%3B%20%0D%0AaddListener(%24('la')%2C'click'%2CBind(deom3%2Cdeom3.Left))%3B%20%0D%0AaddListener(%24('r')%2C'click'%2CBind(deom3%2Cdeom3.Right))%3B%20%0D%0A%2F%2F%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%0D%0Avar%20deom4%3Dnew%20Slider(%24('container')%2C%24('block4')%2C%24('scroll4')%2C%7Bshapechange%3Afalse%2Ctopvalue%3A11%2Cbottomvalue%3A12%2Cborder%3A1%7D)%3B%20%0D%0AaddListener(%24('p1')%2C'click'%2CBind(deom4%2Cdeom4.Left))%3B%20%0D%0AaddListener(%24('p2')%2C'click'%2CBind(deom4%2Cdeom4.Right))%3B%20%0D%0A%2F%2F%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%0D%0Anew%20Slider(%24('con1')%2C%24('block5')%2C%24('scroll5'))%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程