本文介绍了用HTML5实现flash滚动播放的方法，供大家参考：

HTML的一部分：







































CSS部分：


体{ margin: 0px；padding: 0px；}
UL { margin: 0px；padding: 0px；}
李{列表样式：无；}
打{宽度：600px；身高：550px；左：30px；顶部：20px；
位置：相对；边界：2px黑色固体；
}
。big_pic {宽度：600px；身高：400px；相对位置；
背景：雪；溢出：隐藏；
}
。big_pic李{宽度：600px；身高：400px；溢出：隐藏；
位置：绝对；背景：黑色；Z指数：0
}
。big_pic李IMG {宽度：600px；身高：400px；
位置：绝对；
}
。mark_left {宽度：300px；身高：400px；
背景：橙；位置：绝对；左：0px；顶部：0px；
Z指数：3000；过滤器：α（不透明度：0）；不透明度：0；
}
。mark_right {宽度：300px；身高：400px；背景：菊蓝色；
位置：绝对；左：300px；顶部：0px；
Z指数：3000；过滤器：α（不透明度：0）；不透明度：0；
}
。沪指{宽度：60px；身高：60px；
背景：URL（图像/按钮，GIF）位置：绝对不重复；
Z指数：3001；最高：170px；左：10px；鼠标指针；
滤镜：alpha（不透明度：0）；透明度：0；
}
接下来{宽度：60px；身高：60px；
背景：URL（图像/按钮，GIF）没有重复0 60px；
位置：绝对；Z指数：3001；最高：170px；右：10px；
游标：指针；筛选器：alpha（不透明：0）；不透明：0；
}
。small_pic {宽度：594px；身高：144px；
位置：相对；顶部：0；左：0；
边境：3px固苍宝石；溢出：隐藏；
}
。small_pic UL {宽度：594px；身高：144px；
位置：绝对；左：0px；顶部：0px；
}
。small_pic李IMG {宽度：194px；身高：140px；}
。small_pic ul {边界：2px固苍宝石；
宽度：194px；身高：140px；浮动：左；
游标：指针；筛选器：alpha（不透明：60）；不透明：0.6；
}


js的一部分：


窗口。指针函数（）{
VaR OPLA = document.getelementbyid（'playimages）；
VaR ubiG = getClass（OPLA，'big_pic）{ 0 }；
VaR小= getClass（OPLA，'small_pic）{ 0 }；
无功oprev = getClass（OPLA，'prev）{ 0 }；
无功onext = getClass（OPLA，下）{ 0 }；
VaR向左= getClass（OPLA，'mark_left）{ 0 }；
VAR正确= getClass（OPLA，'mark_right）{ 0 }；
无功oulsmall = usmall.getelementsbytagname（'ul）{ 0 }；
VaR OSLI = usmall.getelementsbytagname（李的）；
VaR、= ubig.getelementsbytagname（李的）；
oulsmall。风格。宽度= OSLI { 0 }。offsetwidth * OSLI长度+ 'px；
OPrev。onmouseover =左。onmouseover =函数（）{
（oprev移动，100，'opacity）；
}；
OPrev。onmouseout=向左。onmouseout=函数（）{
（oprev移动，0，'opacity）；
}；
onext。onmouseover =听错。onmouseover =函数（）{
（onext移动，100，'opacity）；
}；
onext。onmouseout=听错。onmouseout=函数（）{
（onext移动，0，'opacity）；
}；
var指数= 0；
无功newzindex = 2；
对于（var i = 0；i < osli.length；i++）{
OSLI {我} NUM =我；
OSLI {我}。onclick =函数（）{
如果（此= index = index）{
返回；
别的{ }
指数= this.num；
（TAB）；
}
}；
OSLI {我}。onmouseover =函数（）{
移动（，100，'opacity）；
}；
OSLI {我}。onmouseout=函数（）{
如果（this.num！=索引）{
移动（，60，'opacity）；
}
}；
}
OPrev。onclick =函数（）{
指数；
如果（索引= - 1）{
指数= osli.length-1；
}
（TAB）；
}；
onext。onclick =函数（）{
索引+；
如果（指数= =、长度）{
索引= 0；
}
（TAB）；
}；
函数选项卡（）{
有人向style.height = 0 } {指数；
、{指数}。style.zindex = newzindex + +；
移动（、{指数}，400，'height）；
对于（var i = 0；i < osli.length；i++）{
移动（OSLI {我}，60，'opacity）；
}
移动（OSLI {指数}，100，'opacity）；
如果（索引= 0）{
移动（oulsmall，0，右）；
如果（指数= = OSLI。长度} { - 1）
移动（oulsmall，-（-（指数- 2）* OSLI { 0 }。offsetwidth，右）；
{人}
移动（oulsmall，-（-（指数- 1）* OSLI { 0 }。offsetwidth，右）；
}
}；
VaR定时器= setInterval（onext.onclick，3000）；；
OPlay。onmouseover =函数（）{
ClearInterval（定时器）；
}；
OPlay。onmouseout=函数（）{
定时器= setInterval（onext.onclick，3000）；
}；
}；
功能getstyle（obj，name）{
如果（obj。currentstyle）{
返回的对象。currentstyle {姓名}；
其他{ }
返回getcomputedstyle（obj，false）{姓名}；
}
}；
功能移动（obj，指标，名称）{
ClearInterval（obj。定时器）；
obj。定时器= setInterval（）{（）函数（
var = 0；
如果（name = = 'opacity）{
电流= math.round（parseFloat（getstyle（obj，名称））* 100）；
其他{ }
电流= parseInt（getstyle（obj，名称））；
}
速度=（指标CUR） / 30；
速度=速度> 0math.ceil（速度）：Math.floor（速度）；
如果（我= = ITarget）{
ClearInterval（obj。定时器）；
其他{ }
如果（name = = 'opacity）{
obj。风格。不透明度（CUR +速度） / 100；
obj。风格。过滤器= 'alpha（透明度：' +我+速度+ '）'；
其他{ }
{姓名} = obj。风格CUR +速度+PX；
}
}
}，30）；
}；
功能getClass（oparent，name）{
无功oarray = { }；
var obj = oparent.getelementsbytagname（*）；
对于（var i = 0；i < obj.length；i++）{
如果（obj {我}。类名= =名字）{
OArray.push（obj {我}）；
}
}
返回oarray；
}


希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。