這是一款來自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)!