熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

使用Javascript制作聲音按鈕

2013-11-15 11:50:08  來源: JSP教程 

  能讓按鈕發出聲音的腳本這下不用制作flash按鈕也可以了我試用的感覺還不錯

  制作方法
  新建文件DynamicAudioButtonjs 代碼

  //Customize Dynamic Audio Link 自定義動態聲音鏈接
function DynamicAudioLink(){
open()
}

//Customize Dynamic Audio Mouse Over Color 自定義動態聲音mouseover顏色
function AudioOver() {
documentAudiobuttonstylebackground=#
documentAulor=white
}

//Customize Dynamic Audio Mouse Down Color 自定義動態聲音mousedown顏色
function AudioDown() {
documentAulor=#cccccc
}

//Customize Dynamic Audio Mouse Off Color 自定義動態聲音mouseOff 顏色
function AudioOut() {
documentAudiobuttonstylebackground=#
documentAulor=#ffffff
}

//Customize Dynamic Audio sound 自定義動態聲音
function playHome()
{
documentallsoundsrc = bleepwav;
}

documentwrite(<bgsound id=sound>)

//Customize Button Style 自定義按鈕樣式
documentwrite(<style type=text/css>+<!)
documentwrite(select{background:#;bordercolor:#;color:#ffffff;fontfamily:ArialHelveticaVerdana;fontsize:pt;fontweight: bold;}+>+</STYLE>)

documentwrite(<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>)

  保存文件後在頁面相關處插入代碼引用該JS文件

  <Script language=JavaScript SRC=DynamicAudioButtonjs></script>

  選擇好音樂文件可以是wavmp音樂文件盡量小些

  方法制作完成用戶可以使用圖片等形式當然也得修改 DynamicAudioButtonjs 文件相應的代碼


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19721.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.