ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 は、FLASH_html5 チュートリアル スキルを使用せずにマウス ホバーのサウンド効果を追加します

HTML5 は、FLASH_html5 チュートリアル スキルを使用せずにマウス ホバーのサウンド効果を追加します

WBOY
WBOYオリジナル
2016-05-16 15:47:561727ブラウズ

FLASH ではなく、HTML5 jQuery を使用します:

ブラウザ 適用範囲: Firefox 3.5、Chrome 3、Opera 10.5、Safari 4、IE 9

コード例:

コードをコピーします
コードは次のとおりです:

$("#speak").mouseenter(function(){
$("").attr({
'src':'audio/' Math.ceil(Math.random() * 5) '.mp3',
' volume':0.4,
'autoplay':'autoplay'
}).appendTo("body")
});

上記は audio 要素ですhtml5 を使用して、mp3 効果音をランダムに再生します。

このコード デモ (jQuery を使用) は、goodfootapp.com のホームページからのものです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。