1. gzyueqian
      18529173453
      首頁 > 新聞中心 > > 正文

      實例:使用Javascript制作聲音按鈕

      更新時間: 2007-05-11 10:11:11來源: 粵嵌教育瀏覽量:836


        文章簡介:

        一般而言,網頁中按鈕是沒有聲音觸發事件的。如果要讓按鈕響應鼠標動作發出聲音,我們可以寫一段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="DynamicAudioButton.js"></script>


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

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

      免費預約試聽課

      亚洲另类欧美综合久久图片区_亚洲中文字幕日产无码2020_欧美日本一区二区三区桃色视频_亚洲AⅤ天堂一区二区三区

      
      

      1. 五月天久久成人AV | 中文字幕在线第一页 | 亚洲222cc在线观看 | 中文字幕亚洲一区 | 中文字幕日韩精品在线 | 亚洲天堂性AV在线 |