回首页 ◎ 设为首页  
◎ 收藏本站  
◎ 联系我们  
  首 页  网络资讯  教程资料  免费资源  建站指南  休闲娱乐  经典整站  访客留言  
  当前位置:首 页 >> 教程资料 >> 网页制作 >> 使用Javascript制作声音按钮
最 新 推 荐
淘宝网店“设计装修”..推荐
网页制作常见105个问..推荐
使用FrontPage2000注..推荐
网页制作常用代码推荐
颜色代码大全推荐
热 门 排 行
北京奥运会倒计时代码
如何在网页中插入Flas..
网页自动点击广告代码
星空动态星空背景特效..
如何用Frontpage下载..
网页两侧浮动广告代码
离开时自动提示设为首页
颜色代码大全推荐
怎么使网页跳转地址栏..
站长常用广告代码的表..
淘宝网店“设计装修”..推荐
在网页上设计飘动广告
网页制作常用代码推荐
网页常用特效整理:高..
网页制作常见105个问..推荐
使用css设置iframe样式
最 近 更 新
CSS在表格边框上的美..
Flash文件中多个swf调..
圆角边框的代码
股票即时行情查询系统
万能音.视频在线转换..
仿3721窗口拖动的代码
美化的GOOGLE广告代码
修改discuz5.5,让广..
一些所谓的CSS的“顶..
中英文双语导航菜单
广 告 位 置
站 内 搜 索
关键词

搜索方式

搜索范围

精确匹配
使用Javascript制作声音按钮

来源:盛绿设计 等级:默认等级
发布于2006-12-10 09:19 被读35次 【字体:

    一般而言,网页中按钮是没有声音触发事件的。如果要让按钮响应鼠标动作发出声音,我们可以写一段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">' '<!--')

document.write('.select{background:#666666;border-color:"#999999";color:"#ffffff";font-family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: bold;}' '-->' '</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="http://www.28600.com/article1/DynamicAudioButton.js></script>

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

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


相关专题:暂无相关专题

上一篇:网页Cookie的构成以及相关属性分析
下一篇:CSS JavaScript打造超酷右键菜单

共有评论 0 条 网友评分 0分 查看全部

【发表评论】 评分:1分 2分 3分 4分 5分


Powered By Www.Xydw.COM Ver1.14 管理
Copyright © 2004-2005 盛绿设计 All Right Reserved. XCMS
冀ICP备06026128号