js 如何实现背单词网站的鼠标悬浮在声音图标上即发音的效果

如题，求高人讲解~最好有具体实现的代码。例如爱词霸上用的就是“asplay”这个function，但是在我自己的网站上直接复制过来用却没能出声JavaScript鼠标发音

解决方案 »

  1.   

    网上随便搜了个
    <html>
    <head>
    <title>这种方式支持任何浏览器</title>
    </head>
    <body>
    <div id="div1"></div>
    <input type="button" value="立即" onclick="play_click(this,'http://www.zhuatu.com/crop/1.wav');">
    <div id="div2"></div>
    <script language="javascript">
    function play_click(sef,url){
        var div = document.getElementById('div1');
        div.innerHTML = '<embed src="'+url+'" loop="0" autostart="true" hidden="true"></embed>';
        var emb = document.getElementsByTagName('EMBED')[0];
        if (emb) {
     /* 这里可以写成一个判断 wav 文件是否已加载完毕，以下采用setTimeout模拟一下 */
            div = document.getElementById('div2');
            div.innerHTML = 'loading: '+emb.src;
            sef.disabled = true;
            setTimeout(function(){div.innerHTML='';},1000);
        }
    }
    </script>
    </body>
    </html>
    http://www.15ae.com/archive/2012-02/1211311888.html把onclick换成mouseover试试
      

  2.   

    前台 mouseover event
    后台 java sound api
      

  3.   

    嗯，谢谢，我找了个jplayer控件试试，应该可以了