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

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

WBOY
リリース: 2016-05-16 15:47:56
オリジナル
1718 人が閲覧しました

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 のホームページからのものです。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート