首頁  >  文章  >  web前端  >  HTML5 Google電吉他 可用鍵盤彈奏的圖文程式碼介紹

HTML5 Google電吉他 可用鍵盤彈奏的圖文程式碼介紹

黄舟
黄舟原創
2017-03-04 16:32:461709瀏覽

這是一款來自Doodle的創意作品,它是一個基於HTML5 Canvas的電吉他,當我們將滑鼠滑過吉他的弦時,電吉他將會發出美妙的聲音,更加酷的是,你可以利用鍵盤來彈奏一首悅耳的樂章,非常強大的HTML5。

HTML程式碼

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

JavaScript程式碼都是壓縮過的,我不知道大家有沒有辦法將壓縮過的JavaScript程式碼整理出來?

 以上就是HTML5 Google電吉他 可用鍵盤彈奏的圖文代碼介紹的內容,更多相關內容請關注PHP中文網(www.php.cn)!



##### # ###
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn