js运动应用实例解析

本文为大家提供了两个射流研究…运动应用实例，分享给大家，具体实现内容如下

应用1,完成如下效果：

射流研究…代码如下：

脚本src=' http : move。js '/脚本脚本窗口。onload=function(){ var Odiv=document。getelementbyid(' play ')；var aBtn=Odiv。GetElementsBytagname(' ol ')[0].getElementsByTagName(' Li ')；var OUl=Odiv。GetElementsBytagname(' ul ')[0]；var now=0；for(var I=0；iaBtn.lengthi ) { aBtn[i].索引=我；aBtn[i].onclick=function(){ now=this。指数；tab()；};} function tab(){ for(var I=0；iaBtn.lengthi ) { aBtn[i].className=} ABtn[现在]。 activestartMove(oUl，{ top :-150 * now })；}函数next(){ now；if(now==ABtn。长度){ now=0；} tab()；} var timer=setInterval(next，2000)；奥迪夫。onmouseover=function(){ clearInterval(定时器);};奥迪夫。onmouseout=function(){ timer=setInterval(next，2000)；};};/script应用2,完成如下效果：

代码如下：

！DOCTYPE html html health eta http-equiv=' Content-TYPe ' Content=' text/html；charset=utf-8' /title无标题文档/titlestyle type='text/css './style脚本类型=' text/JavaScript ' src=' http : move。js '/script脚本类型=' text/JavaScript '窗口。onload=function(){ var OBtn=document。getelementbyid(' but ')；var obotom=文档。getelementbyid(' ZNs _ bottom ')；var oBox=document。getelementbyid(' ZNs _ box ')；var oBtnClose=document。getelementbyid(' BTN _ close ')；obox。风格。display=' blockvar initBottomRight=parsent(getStyle(obo Tom，' right '))；var initbox bottom=parsent(getStyle(oBox，' bottom '))；obox。风格。显示='无'；obtn . onclick=openhandlerobtnclose . onclick=closeHandler函数openHandler(){ startMove(obotom，right: 0 }，函数(){ obox。风格。display=' blockstartMove(oBox，{ bottom : { 0 })；});obtn . class name=' but _ hideobn . onclick=closeHandler }函数closeHandler(){ startMove(oBox，{bottom: initBoxBottom}，function(){ oBox。风格。显示='无'；startMove(obotom，{right: initBottomRight}，function(){ obtn。类名=' but _ show});});oBtn.onclick=openHandler } }/脚本/流浆池./body/html以上就是本文的全部内容，希望对大家的学习有所帮助。