HTML5 Google電吉他 可用鍵盤彈奏
本文由碼農網 – 小峰原創,轉載請看清文末的轉載要求,歡迎參與我們的付費投稿計劃!
這是一款來自Doodle的創意作品,它是一個基於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>電吉他之父萊斯·保羅 96 週年誕辰</DIV></DIV> <DIV style="LEFT: -100px; OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute; TOP: -100px; HEIGHT: 0px"><INPUT id=hplogo-i></DIV></DIV>
JavaScript程式碼都是壓縮過的,不知道大家有沒有辦法將壓縮過的JavaScript程式碼整理出來?
本文的特效來自Doodle,如能將壓縮的JavaScript整理出來,小編不勝感激!
本文連結:http://www.codeceo.com/article/html5-google-guitar.html
本文作者:碼農網 – 小峰
[ 原創作品,轉載必須在正文中標註並保留原文連結和作者等資訊。]
相關文章
- 前端開發:用鍵盤為生活敲出歡快節奏前端
- Flutter_Webview 鍵盤彈出問題FlutterWebView
- Android 監聽鍵盤彈出收起Android
- ios pop介面 鍵盤彈起又收回iOS
- 鍵盤亂鍵怎麼處理 電腦鍵盤按鍵錯亂
- 阻止android軟鍵盤自動彈出Android
- 電腦按鍵以及鍵盤的總結
- 鍵盤各個鍵的功能圖解 電腦鍵盤全圖詳細圖解
- iOS textField鍵盤彈出/收起 自動上下移iOS
- h5監聽手機鍵盤彈起H5
- win10自動彈出觸控鍵盤Win10
- Android 監聽鍵盤彈起及隱藏Android
- Android監聽軟鍵盤收起與彈出Android
- 電腦鍵盤怎麼代替滑鼠 win10鍵盤代替滑鼠Win10
- win10平板鍵盤自動彈出怎麼關閉_win10平板鍵盤自動彈出處理方法Win10
- 電腦鍵盤怎麼切換中文 電腦鍵盤切換中英文教程
- 鍵盤快捷鍵使用大全表圖片 電腦鍵盤的快捷鍵用法大全圖解圖解
- iOS鍵盤彈出時動畫時長失效問題iOS動畫
- Mac電腦上“預覽”中的鍵盤快捷鍵!Mac
- 鍵盤失靈了要怎麼解決 電腦鍵盤失靈一鍵修復
- Google Android 真機展示視訊,非全鍵盤GoAndroid
- 鍵盤insert操作怎麼取消?電腦鍵盤insert操作取消教程
- 電腦鍵盤各個按鍵功能和作用介紹 電腦鍵盤各個按鍵功能高畫質圖片圖解圖解
- 蘋果電腦怎麼使用pc鍵盤?蘋果
- 蘋果電腦鍵盤使用技巧彙總蘋果
- 在蘋果電腦上使用PC鍵盤蘋果
- 修復安卓鍵盤彈起擋住輸入框bug安卓
- 直播系統平臺搭建,控制鍵盤彈出收縮
- GEEK智慧電吉他亮相北京音樂生活展
- 無線鍵盤怎麼連電腦使用 win10無線鍵盤怎麼連線電腦Win10
- 電腦軟鍵盤怎麼開啟 快速調出軟鍵盤的方法教程
- 電腦鍵盤功能基礎知識 電腦鍵碟符號快捷鍵大全介紹符號
- 鍵盤按鍵錯亂怎麼恢復 電腦鍵盤字母錯亂三種解決方法
- 電腦鍵盤無法輸入任何東西怎麼解決 電腦鍵盤失靈怎麼辦
- win10一按鍵盤各種彈出如何解決_為什麼win10一按鍵盤各種彈出內容Win10
- win10總是彈出正在安裝新鍵盤怎麼辦 win10一直彈出安裝新鍵盤如何解決Win10
- Mac電腦如何設定使用PC鍵盤?Mac
- 小技巧|H5禁止手機虛擬鍵盤彈出H5