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

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

日期：2014-05-16　浏览次数：20370 次

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>