实例：使用Javascript制作声音按钮

来源：论坛整理作者：出处：综艺读书 2007-05-07

关键词：word javascript flash css

·javascript实现通用表单验证函数
·javascript版的日期输入控件
·JavaScript实现AJAX的拖动效果
·如何调用ActiveX网页中的JavaScript函数
·探求JavaScript开发工具
·javascript中取得下拉框的值太麻烦（下拉
·玩透javascript弹出窗口
·一个简单的javascript菜单
·AJAX入门之深入理解JavaScript中的函数
·asp.net中调用javascript函数实现多功能

　　文章简介：

　　一般而言，网页中按钮是没有声音触发事件的。如果要让按钮响应鼠标动作发出声音，我们可以写一段JavaScript脚本代码来实现。

　　能让按钮发出声音的脚本，这下不用制作Flash按钮也可以了，我试用的感觉还不错。

　　制作方法：

　　1、新建文件：

以下是引用片段：
DynamicAudioButton.js ，代码：
//Customize Dynamic Audio Link 自定义动态声音链接
function DynamicAudioLink(){
    open("http://www.pcedu.com.cn")
}

//Customize Dynamic Audio Mouse Over Color 自定义动态声音mouseover颜色
function AudioOver() {
    document.Audio.button.style.background="#999999"
    document.Audio.button.style.color="white"
}

//Customize Dynamic Audio Mouse Down Color 自定义动态声音mousedown颜色
function AudioDown() {
    document.Audio.button.style.color="#cccccc"
}

//Customize Dynamic Audio Mouse Off Color 自定义动态声音mouseOff 颜色
function AudioOut() {
    document.Audio.button.style.background="#666666"
    document.Audio.button.style.color="#ffffff"
}

//Customize Dynamic Audio sound 自定义动态声音
function playHome()
{
    document.all.sound.src = "bleep.wav";
}

document.write('<bgsound id="sound">')

//Customize Button Style 自定义按钮样式
document.write('<style type="text/css">'+''+'</STYLE>')

document.write('<center><form name=Audio><input class="select" name=button type="button" value="Dynamic Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')

　　2、保存文件后，在页面相关处插入代码引用该JS文件：

以下是引用片段：
<Script language="JavaScript" SRC="DynamicAudioButton.js"></script>

　　3、选择好音乐文件，可以是wav、MP3等，音乐文件尽量小些。

　　方法制作完成，用户可以使用图片等形式，当然也得修改 DynamicAudioButton.js 文件相应的代码。

进入讨论组讨论。

【收藏此文】【大中小】【打印】【关闭】

较早的文章：用javascript实现select的美化

较新的文章：用javascript 转换外部链接样式

站内各频道最新更新文档

形形色色的台湾特产

怀念“黛玉”妹妹

·如何设置路由器
·照片合成处理软件
·RedHat6.2服务配置之Apache
·提升电脑性能的方法
·电脑无法正常启动的问题
·delphi两种方法使用xml文档
·证券行业交易平台解决方案
·三星人寿保险Sybase案例

·东软商业保险系统解决方案
·CSO向Sun平台应用移植解决..
·东软税务全面整体解决方案
·珠海国地税KILL安全系统案例
·友讯：D-Link助昆明市公安..
·江苏邮政票据打印机系统方案
·浪潮：云南国税备份系统案例
·CSS 标签属性

站内最新制作专题

·ACDSEE专题教程-下载使用
·迅雷专题教程-下载使用
·Windows XP频道
·Windows Vista频道
·Windows 2000频道
·win2003频道
·Freebsd频道
·Oracle频道

·Linux频道
·Windows频道
·邮件服务器专题
·协议大全
·数据恢复指南教程
·FreeBSD使用教程
·Linux数据库宝典
·Linux基础知识

热门关键字导读

Photoshop教程：照片处理照片制作 PS快捷键抠图
计算机故障：XP系统修复
艺术与设计：设计流媒体设计欣赏边框
计算机安全：ARP

站内频道文章精选

新闻资讯	电脑技巧
· 秘密:Vista隐蔽的动态屏保 · 腾讯开发新电子宠物--QQ熊 · 惠普否认2999元PC有价无货	· 驱逐Win系统“流氓”文件 · WinXP中获取未使用的IP地址 · 尝试format C:格式化硬盘？
操作系统	常用软件
· 在DOS下恢复回收站中的文件 · 拯救WinXP崩溃的救命稻草 · Linux系统中超级权限的应用	· 搜狗PK谷歌：谁能代言拼... · 昨日重现，一键GHOST轻松.. · 实现Web迅雷在空闲时杀毒
桌面开发	网络编程
· AVIFile函数制做AVI文件 · VC中链接动态链接库的方法 · 熊猫烧香核心源码(Delphi)	· DateDiff函数祥解 · JavaScript去除空格的三种 · js效果图片加载进度实时..
数据库	图像处理
· SQL Server数据库优化方案 · Oracle的初学者入门心得 · JSP连接Mysql数据库	· Photoshop为美女做艺术处理 · 用Freehand创建发光字特效 · 设计自己的个性QQ动态表情

百度推荐，商机无限

搜索您感兴趣的内容