本站内容搜索:
   您的位置:素材中国>>教程 >>网页设计 >>网页特效 >>使用Javascript制作声音按钮 提交错误报告
使用Javascript制作声音按钮
[ 来源:素材中国 | 作者:Juven| 时间:2005-07-28 16:48:11 | 浏览:人次 ]

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

  制作方法:
  1、新建文件:/article_pic/img/10/12945.js ,代码:
//Customize Dynamic Audio Link 自定义动态声音链接
function DynamicAudioLink(){
open("http://it365cn.com/")
}

//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="/article_pic/img/10/12945.js"></script>

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

  方法制作完成,用户可以使用图片等形式,当然也得修改 /article_pic/img/10/12945.js 文件相应的代码。
 
 
       
   您的位置:素材中国>>教程 >>网页设计 >>网页特效 >>使用Javascript制作声音按钮
 点此在百度搜索关键字"使用Javascript制作声音按钮"  点此在GOOGLE搜索关键字"使用Javascript制作声音按钮"
热门文章:
  ·SetTimeOut方法用法示例   ·标题栏跑马灯
  ·精美的天气小偷代码   ·连续滚动图片的制作
  ·AJAX如何处理书签和翻页按扭   ·关闭弹出窗口js代码
  ·动易首页调用最新文章图片向上滚动方法   ·JavaScript : WINDOW FOR JAVASCRIPT
  ·关于网页代码加密解密保护   ·网页高手

  首页  素材图片  高精图库  矢量图库  网页素材  网页模板  壁纸  明星  下载  教程  字体  香车美女  QQ专题  论坛

网站介绍 | 广告业务 | 设计业务 | 免责声明 | 版权声明 | 联系我们|提交错误报告
素材中国版权所有