注册 | 登陆

您的位置：阿里西西 > 网页特效 > 图像特效 > 详细内容

图片播放器

稿源：互联网 2022-04-17 23:54:20 点击： 3838 撤稿纠错

一个图片播放器，阿里西西网页特效收集。

以下讨论的是和播放器特效相关的图片播放器教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>阿里西西网页特效演示，　图片播放器</title>
</head>

<body>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs)
Onecurrent = 0;
var OneLinks = new Array(3);
OneLinks[0] = "#";
OneLinks[1] = "#";
OneLinks[2] = "#";
function Onenext() {
if (document.Oneslideform.Oneslide[Onecurrent+1]) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent+1].value;
document.Oneslideform.Oneslide.selectedIndex = ++Onecurrent;
   }
else Onefirst();
}
function Oneprevious() {
if (Onecurrent-1 >= 0) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent-1].value;
document.Oneslideform.Oneslide.selectedIndex = --Onecurrent;
   }
else Onelast();
}
function Onefirst() {
Onecurrent = 0;
document.images.Oneshow.src = document.Oneslideform.Oneslide[0].value;
document.Oneslideform.Oneslide.selectedIndex = 0;
}
function Onelast() {
Onecurrent = document.Oneslideform.Oneslide.length-1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
}
function Oneap(text) {
document.Oneslideform.Oneslidebutton.value = (text == "Stop") ? "Start" : "Stop";
Onerotate();
}
function Onechange() {
Onecurrent = document.Oneslideform.Oneslide.selectedIndex;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
}
function Onerotate() {
if (document.Oneslideform.Oneslidebutton.value == "Stop") {
Onecurrent = (Onecurrent == document.Oneslideform.Oneslide.length-1) ? 0 : Onecurrent+1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
window.setTimeout("Onerotate()", Onerotate_delay);
}
}
function Onetransport(){
window.location=OneLinks[Onecurrent]
}
//  End -->
</SCRIPT>
<TABLE border="0" cellspacing="0" cellpadding="0">
  <TR>
    <TD>
      <form name="Oneslideform" >
        <DIV align="center">
                      <TABLE width="150" border="1" cellspacing="0" cellpadding="4" bordercolor="#FF99CC">
                        <TR> 
                          <TD bgcolor="#FFFFFF"> <DIV align="center"><A href="javascript:Onetransport()"><IMG src="http://img.alixixi.com/mylogo2.gif" width="140" height="105" name="Oneshow" border="0"></A></DIV></TD>
                        </TR>
                        <TR> 
                          <TD bgcolor="#FFE1F5"> 
                            <DIV align="center"> 
                              <SELECT name="Oneslide" onChange="Onechange();">
                                <OPTION value="http://img.alixixi.com/mylogo3.gif"  selected>图片 1</OPTION>
                                <OPTION value="http://img.alixixi.com/mylogo.gif">图片 2</OPTION>
                                <OPTION value="http://img.alixixi.com/mylogo1.gif">图片 3</OPTION>
                              </SELECT>
                            </DIV></TD>
                        </TR>
                        <TR> 
                          <TD bgcolor="#FFE1F5"> 
                            <DIV align="center"> 
                              <INPUT type=button onClick="Oneprevious();" value="<<" title="上一个">
                              <INPUT type=button name="Oneslidebutton" onClick="Oneap(this.value);" value="开始循环" title="自动显示">
                              <INPUT type=button onClick="Onenext();" value=">>" title="下一个">
                            </DIV></TD>
                        </TR>
                      </TABLE>
        </DIV>
      </form>
    </TD>
  </TR>
</TABLE>

</body>

</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于图片播放器的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714743.shtml方便下次再访问哦。

·上一篇： 手动图片播放效果
·下一篇： 展开隐藏的图片

相关阅读

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

最新游戏

最新新闻