首页 > web前端 > H5教程 > 正文

HTML5 Google电吉他 可用键盘弹奏的图文代码介绍

黄舟
发布: 2017-03-04 16:32:46
原创
1684 人浏览过

这是一款来自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)!



相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!