>웹 프론트엔드 >HTML 튜토리얼 >HTML5 Google电吉他 可用键盘弹奏_html/css_WEB-ITnose

HTML5 Google电吉他 可用键盘弹奏_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:23:131073검색

这是一款来自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>电吉他之父莱斯&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代码都是压缩过的,不知道大家有没有办法将压缩过的JavaScript代码整理出来?

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

作者:码农网 – 小峰

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.