本文实例讲述了爪哇岛描述语言实现淘宝幻灯片广告展示效果的方法。分享给大家供大家参考。具体如下：

一、效果图如下：

二、代码部分：

射流研究…代码部分：

函数GetClass(OpaLeint，name){ var arr=[]；var oBj=Opaprent。GetElementsBytagname(' * ')；for(var I=0；ioBj.lengthi ){ if(oBj[i].类名==name){ arr。推(ObJ[I])；} }返回arr}函数startmove(obj，json，Fnend){ var cur=0；clearInterval(obj。计时器)；物体。timer=setInterval(function(){ var oStop=true；for(JSON中的var attr){ if(attr=='不透明度'){ cur=math。round(parseFloat(getStyle(obj，attr)* 100))；} else { cur=ParSeint(GetStyle(obj，attr))；} var speed=(JSON[attr]-cur)/10；速度=速度0?Math.ceil(速度):路径。地板(速度);if(cur！=JSON[attr]){ oStop=false；} if(attr=='不透明度){ obj。style[attr]=(cur速度)/100；物体。风格。filter=' alpha(opa city 3360 ' cur speed ')'；} else { obj。style[attr]=cur速度' px '；} } if(oStop){ clearInterval(obj。计时器)；if(Fnend)Fnend()；} },30);};函数getStyle(obj，name){ if(obj。currentstyle){ return obj。current style[name]；} else { return getComputedStyle(obj，false)[name]；}};半铸钢钢性铸铁(铸造半钢)部分：

* { margin : 0pxpadding : 0px } img { border : none宽度： 470像素；高度： 150像素；向左浮动：} .pic _ body li { width: 470px高度： 150像素；向左浮动：z指数： 3001；} ul { list-style :无；绝对位置：top: 0pxleft: 0px宽度： 470像素；高度： 150像素；背景：黄色；z指数： 3000；} #div1{ border: 1px纯黑；宽度： 470像素；高度： 150像素；相对位置：余量： 100像素自动；padding: 0px飞越：隐藏；} # div 1 ol { bottom : 10pxright : 10px绝对位置：z指数： 9999；} ol li{ background:黄色；向左浮动：内联显示：右边距： 3pxpadding: 3px 4px相对位置：top : 0pxleft : 0pxfont-family : arial；font-size : 12px光标：指针；滤镜： alpha(opa city 336060)；opa city 3360 0.6 border : 1px纯黑；} .活动{ background:黄色；字体粗细：更粗；padd : 4px 6px filter : alpha(opa city 3360100)；opa城市3360 1；} HTML部分：

！DOCTYPE html html head lang=' en ' meta charset=' UTF-8 ' title/title link href=' CSS。CSS ' rel='样式表type=' text/CSS '脚本src=' http 3360 myscript。js '/脚本窗口。onload=function(){ var now=0；var oDiv=文档。getelementbyid(' div 1 ')；var OOl=Odiv。GetElementsBytagname(' ol ')[0]；var OLi=Ool。GetElementsBytagname(' Li ')；var oUl=getClass(oDiv，' pic _ body ')[0]；for(var I=0；长度；i ){ oLi[i].索引=我；奥利[一].onclick=function(){ now=this。指数；tab()；};} function tab(){ for(var I=0；长度；i ){ oLi[i].className=} OLi[现在]。 activestartmove(oUl，{ top :-150 * now })；};函数next(){ now；if(now==OLi。长度){ now=0；} tab()；};var timer=setInterval(next，3000)；乌尔。onmouseover=function(){ clearInterval(计时器);};乌尔。onmouseout=function(){ timer=setInterval(next，3000)；};}/script/head body div id=' div 1 ' ol Li class=' active ' 1/Li Li 2/Li Li/Li Li 4/Li Li 5/Li/ol ul class=' pic _ body ' liimg src=' http : image/1。jpg '/Li liimg src=' http : image/2。jpg '/Li liimg src=' http : image/3。jpg '/Li liimg src=' http 33366 '希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。