DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> HTML5添加鼠標懸浮音響效果不使用FLASH
HTML5添加鼠標懸浮音響效果不使用FLASH
編輯:HTML5詳解     
使用Html5+jQuery,不使用Flash: 

浏覽器適用范圍:Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+ 

代碼示例: 

復制代碼代碼如下:
$("#speak").mouseenter(function(){ 
$("<audio></audio>").attr({ 
'src':'audio/'+Math.ceil(Math.random() * 5)+'.mp3', 
'volume':0.4, 
'autoplay':'autoplay' 
}).appendTo("body"); 
}); 

上面是使用Html5的audio元素,隨機播放一個mp3音效。 

該代碼示范(使用了jQuery)來自goodfootapp.com首頁。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved