联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

jquery实现的网页自动播放声音 - Web前端

作者:98wpeu发布时间:2026-09-30分类:网页前端技术浏览:1


导读:复制代码代码如下:<scripttype="text/javascript"src="JQuery-1.7.2.min.JS"></script>&l...
复制代码 代码如下:
<scripttype="text/javascript" src="JQuery-1.7.2.min.JS"></script>
<script type="text/JavaScript">
$(function(){
//这里参考了以下两个站点的介绍
//http://www.w3school.com.cn/html/HTML_audio.asp
//HTTP://www.zhanxin.info/development/2013-05-17-html5-audio.html
if($.browser.msie && $.browser.version=='8.0'){
//本来这里用的是<bgsound src="system.wav"/>,结果ie8不播放声音,于是换成了embed
$('#newMessageDIV').html('<embed src="system.wav"/>');
}else{
//ie9+,firefox,Chrome均支持<audio/>
$('#newMessageDIV').html('<audio autoplay="autoplay"><source src="system.wav"'
+ 'type="audio/wav"/><source src="system.mp3" type="audio/mpeg"/></audio>');
}
});
</script>

<div id="newMessageDIV" style="display:none"></div>

标签:自动播放声音网页Webjquery


网页前端技术排行
最近发表
网站分类
标签列表