Home > Web Front-end > HTML Tutorial > HTML5 Google电吉他 可用键盘弹奏_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 11:23:13
Original
1069 people have browsed it

这是一款来自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>
Copy after login

JavaScript代码都是压缩过的,不知道大家有没有办法将压缩过的JavaScript代码整理出来?

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

作者:码农网 – 小峰

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template