国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

使用Javascript制作聲音按鈕

2024-04-27 13:56:29
字體:
來源:轉載
供稿:網友

  文章簡介:

  一般而言,網頁中按鈕是沒有聲音觸發事件的。如果要讓按鈕響應鼠標動作發出聲音,我們可以寫一段javaScript腳本代碼來實現。

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

  制作方法:

  1、新建文件:

以下是引用片段:
DynamicAudioButton.js ,代碼:
//Customize Dynamic Audio Link 自定義動態聲音鏈接
function DynamicAudioLink(){
    open("}

//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="DynamicAudioButton.js"></script>


  3、選擇好音樂文件,可以是wav、MP3等,音樂文件盡量小些。

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 双牌县| 精河县| 山西省| 保亭| 扶余县| 汾西县| 通道| 和龙市| 亚东县| 壶关县| 黄骅市| 二手房| 宁河县| 格尔木市| 伊通| 大足县| 乌兰察布市| 吉木萨尔县| 孙吴县| 盈江县| 江山市| 万州区| 廊坊市| 新巴尔虎左旗| 楚雄市| 开封市| 富平县| 晋中市| 称多县| 永吉县| 阳城县| 孟连| 旬邑县| 万山特区| 格尔木市| 洛阳市| 漳平市| 汉中市| 高要市| 平塘县| 凤凰县|