首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-07-04 
js 如何实现背单词网站的鼠标悬浮在声音图标上即发音的效果如题,求高人讲解~最好有具体实现的代码。例如爱

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

热点排行