日期:2014-05-16  浏览次数:20332 次

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

------解决方案--------------------
网上随便搜了个
<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试试
------解决方案--------------------
前台 mouseover event
后台 java sound api