博客
关于我
JavaScript 1 播放器
阅读量:292 次
发布时间: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学习总结(45)——Mysql视图和事务
查看>>
Mysql学习总结(46)——8种常被忽视的SQL错误用法
查看>>
Mysql学习总结(48)——MySql的日志与备份还原
查看>>
Mysql学习总结(49)——从开发规范、选型、拆分到减压
查看>>
Mysql学习总结(4)——MySql基础知识、存储引擎与常用数据类型
查看>>
Mysql学习总结(50)——Oracle,mysql和SQL Server的区别
查看>>
Mysql学习总结(51)——Linux主机Mysql数据库自动备份
查看>>
Mysql学习总结(52)——最全面的MySQL 索引详解
查看>>
Mysql学习总结(53)——使用MySql开发的Java开发者规范
查看>>
Mysql学习总结(54)——MySQL 集群常用的几种高可用架构方案
查看>>
Mysql学习总结(55)——MySQL 语句大全再温习
查看>>
Mysql学习总结(56)——MySQL用户管理和权限设置
查看>>
Mysql学习总结(57)——MySQL查询当天、本周、本月、上周、本周、上月、距离当前现在6个月数据
查看>>
Mysql学习总结(58)——深入理解Mysql的四种隔离级别
查看>>
Mysql学习总结(59)——数据库分库分表策略总结
查看>>
Mysql学习总结(5)——MySql常用函数大全讲解
查看>>
Mysql学习总结(60)——并发量大、数据量大的互联网业务数据库设计规范总结
查看>>
Mysql学习总结(61)——MySQL优化之DBA级优化整理汇总
查看>>
Mysql学习总结(62)——MySQL连接com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link问题
查看>>
Mysql学习总结(63)——Mysql数据库架构方案选择与分析
查看>>