这是一款来自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
作者：码农网 – 小峰
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
684
收藏
