博客
关于我
JavaScript 1 播放器
阅读量:290 次
发布时间:2019-03-01

本文共 1186 字,大约阅读时间需要 3 分钟。

<html>
<head>
</head>
<body>
<Script Language="JavaScript">
song = new Array()
var x = 0
song[1] = "007主题曲之一 "
song[2] = "007主题曲之二 "
song[3] = "999朵玫瑰 "
song[4] = "X-档案主题曲"
song[5] = "用心良苦"
song[6] = "泰坦尼克主题曲"
function prev(){
if (x>1)
{
    x--
    document.midi.typein.value=song [x]
}
}
function next()
{
    var max= song.length-1
    if (x<max)
    {
        x++
        document.midi.typein.value=song [x]
    }
}
function go()
{
    if (x != 0)
    {
        location.href='song'+x+'.mid'
        //以上指定播放的是当前路径的midi文件,文件名分别是song1.mid-song6.mid //
    }
}
function start()
{
    x=1
    document.midi.typein.value=song [x]
}
function end()
{
    x=song.length-1
    document.midi.typein.value=song [x]
}
function cls()
{
    document.midi.typein.value="选曲"
}
</Script>
<!--====2、将以下代码加入HTML的<body></body>之间区:-->
<BODY οnlοad="cls()">
<FORM Name="midi">
<INPUT NAME="typein" TYPE="text" SIZE="25" ALIGN=top><BR>
<font size=3>
<INPUT TYPE=Button Value="|<<" Align=left οnclick="start()">
<INPUT TYPE=Button Value="<<" Align=left οnclick="prev()">
<input type=Button value="PLAY" align=left onClick="go()" name="Button">
<INPUT TYPE=Button Value=">>" Align=left οnclick="next()">
<INPUT TYPE=Button Value=">>|" Align=left οnclick="end()">
</font>
</FORM>
</body>
</html> 

转载地址:http://ygzo.baihongyu.com/

你可能感兴趣的文章
MySQL 查看有哪些表
查看>>
mysql 查看锁_阿里/美团/字节面试官必问的Mysql锁机制,你真的明白吗
查看>>
MySql 查询以逗号分隔的字符串的方法(正则)
查看>>
MySQL 查询优化:提速查询效率的13大秘籍(避免使用SELECT 、分页查询的优化、合理使用连接、子查询的优化)(上)
查看>>
mysql 查询数据库所有表的字段信息
查看>>
【Java基础】什么是面向对象?
查看>>
mysql 查询,正数降序排序,负数升序排序
查看>>
MySQL 树形结构 根据指定节点 获取其下属的所有子节点(包含路径上的枝干节点和叶子节点)...
查看>>
mysql 死锁 Deadlock found when trying to get lock; try restarting transaction
查看>>
mysql 死锁(先delete 后insert)日志分析
查看>>
MySQL 死锁了,怎么办?
查看>>
MySQL 深度分页性能急剧下降,该如何优化?
查看>>
MySQL 深度分页性能急剧下降,该如何优化?
查看>>
MySQL 添加列,修改列,删除列
查看>>
mysql 添加索引
查看>>
MySQL 添加索引,删除索引及其用法
查看>>
mysql 状态检查,备份,修复
查看>>
MySQL 用 limit 为什么会影响性能?
查看>>
MySQL 用 limit 为什么会影响性能?有什么优化方案?
查看>>
MySQL 用户权限管理:授权、撤销、密码更新和用户删除(图文解析)
查看>>