jquery實(shí)現(xiàn)的網(wǎng)頁(yè)自動(dòng)播放聲音
更新時(shí)間：2014年04月30日 11:08:07 作者：
這篇文章主要介紹了使用jquery如何實(shí)現(xiàn)的網(wǎng)頁(yè)自動(dòng)播放聲音,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
//這里參考了以下兩個(gè)站點(diǎn)的介紹
//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'){
//本來(lái)這里用的是<bgsound src="system.wav"/>,結(jié)果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>
您可能感興趣的文章:
- 利用jQuery設(shè)計(jì)一個(gè)簡(jiǎn)單的web音樂(lè)播放器的實(shí)例分享
- jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)點(diǎn)擊事件音效試聽(tīng)
- jquery+html5時(shí)鐘特效代碼分享（可設(shè)置鬧鐘并且語(yǔ)音提醒）
- jQuery實(shí)現(xiàn)大轉(zhuǎn)盤抽獎(jiǎng)活動(dòng)仿QQ音樂(lè)代碼分享
- 實(shí)現(xiàn)音樂(lè)播放器的代碼（html5+css3+jquery）
- jquery控制背景音樂(lè)開(kāi)關(guān)與自動(dòng)播放提示音的方法
- jQuery+JSON+jPlayer實(shí)現(xiàn)QQ空間音樂(lè)查詢功能示例
- 基于jQuery的網(wǎng)頁(yè)影音播放器jPlayer的基本使用教程
相關(guān)文章
jquery的flexigrid無(wú)法顯示數(shù)據(jù)提示獲取到數(shù)據(jù)
升級(jí)了IE10，發(fā)現(xiàn)flexigrid無(wú)法顯示數(shù)據(jù)，提示獲取到了數(shù)據(jù)，但沒(méi)任何報(bào)錯(cuò)任何顯示,經(jīng)過(guò)試驗(yàn)和跟蹤，修改如下，有類似問(wèn)題的朋友可以參考下哈2013-07-07
jQuery封裝placeholder效果實(shí)現(xiàn)方法,讓低版本瀏覽器支持該效果
下面小編就為大家?guī)?lái)一篇jQuery封裝placeholder效果實(shí)現(xiàn)方法,讓低版本瀏覽器支持該效果。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
這篇文章主要介紹了JQuery獲得內(nèi)容和屬性方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
this指的是javascript對(duì)象而$(this)就是就jquery對(duì)象，不懂的朋友可以看看本文2013-09-09
jQuery實(shí)現(xiàn)下拉框功能實(shí)例代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)下拉框功能實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-05-05
使用 jQuery.ajax 上傳帶文件的表單遇到的問(wèn)題
使用 jQuery 上傳帶文件的表單時(shí)，會(huì)遇到一些小問(wèn)題。今天小編抽時(shí)間給大家介紹使用 jQuery.ajax 上傳帶文件的表單遇到的問(wèn)題，感興趣的朋友一起看看吧2016-10-10
jquery動(dòng)態(tài)添加文本并獲取值的方法
下面小編就為大家?guī)?lái)一篇jquery動(dòng)態(tài)添加文本并獲取值的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
一般來(lái)說(shuō)，使用XMLHttpRequest對(duì)象來(lái)進(jìn)行登陸驗(yàn)證要經(jīng)過(guò)以下這幾個(gè)步驟2013-11-11
這篇文章主要介紹了jquery預(yù)加載圖片的方法,涉及jQuery操作圖片的相關(guān)技巧,需要的朋友可以參考下2015-05-05
分享8款優(yōu)秀的 jQuery 加載動(dòng)畫(huà)和進(jìn)度條插件
加載動(dòng)畫(huà)和進(jìn)度條在網(wǎng)站和 Web 應(yīng)用中的使用非常流行。雖然網(wǎng)速越來(lái)越快，但是我們的網(wǎng)站越來(lái)越復(fù)雜，同時(shí)用戶對(duì)網(wǎng)站的使用體驗(yàn)的要求也越來(lái)越高2012-10-10