ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML5 Google エレキギターをキーボードで演奏可能_html/css_WEB-ITnose

HTML5 Google エレキギターをキーボードで演奏可能_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:23:13
オリジナル
1070 人が閲覧しました

これは、HTML5 Canvas に基づいたエレキギターです。ギターの弦の上でマウスをスライドさせると、エレキギターが美しい音を出します。キーボードを使用して、非常に強力な HTML5 の美しい音楽を演奏できます。

オンライン デモ ソース コードのダウンロード

HTML コード

<DIV id=hplogo border="0"><DIV id=hplogo-g><DIV id=hplogo-click onclick=google.doodle.go();></DIV><DIV id=hplogo-lcd-screen></DIV><DIV id=hplogo-lcd-icon></DIV><INPUT id=hplogo-lcd-text onclick=this.focus();this.select() readOnly autocomplete="off"><DIV id=hplogo-on></DIV><DIV id=hplogo-led></DIV><DIV id=hplogot>电吉他之父莱斯&middot;保罗 96 周年诞辰</DIV></DIV><DIV style="LEFT: -100px; OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute; TOP: -100px; HEIGHT: 0px"><INPUT id=hplogo-i></DIV></DIV>
ログイン後にコピー

JavaScript コードはすべて圧縮されています

原文: http : //www.codeceo.com/article/html5-google-guitar.html

著者: MaNong.com – Xiaofeng

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