这是一款来自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)!
立即学习“前端免费学习笔记(深入)”;
立即学习“前端免费学习笔记(深入)”;
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号