HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 应用推荐 HTML5应用 查看内容

HTML5 Google电吉他 可用键盘弹奏

2016-3-23 11:19| 发布者: admin| 查看: 3414| 评论: 0|来自: 码农网

摘要: 这是一款来自Doodle的创意作品,它是一个基于HTML5 Canvas的电吉他,当我们将鼠标滑过吉他的弦时,电吉他将会发出美妙的声音,更加酷的是,你可以利用键盘来弹奏一首悦耳的乐章,非常强大的HTML5。 ...

  这是一款来自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代码整理出来?

 

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

  作者:码农网 – 小峰

 

 

更多

鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-6-27 08:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部