问题标签 [google-doodle]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

20 问题

0 投票

2 回答

1410 浏览

javascript - Google 的 buckyball doodle 是如何实现的？

我查看了它创建的标记，即一堆原子图像和一个大背景图像，它用于创建键的方法相当奇怪。

有些事情我无法解决：

javascript在哪里
是什么让后面的键变窄
为什么原子也应用了键背景

以下是谷歌涂鸦的样子，感兴趣的朋友可以看看：

2010-09-04T11:58:47.660

0 投票

2 回答

1566 浏览

javascript - 新的谷歌标志（移动球）是如何实现的？

我得到了新 google.com 涂鸦的代码：http: //gist.github.com/567948

问题是，其中的所有值都在<div id="hplogo">动态变化，但当我在本地机器上复制代码时却没有。

好像只有 JS + DIV，有什么遗漏吗？

但现在能够在我的本地机器上复制它。

替代文字

有什么建议么？

javascript google-doodle

2010-09-07T07:02:34.103

0 投票

2 回答

2239 浏览

javascript - 谷歌的弹力球涂鸦是否有可读的源代码？

如果您还没有看到当前的 google doodle，您应该查看一下。基本上，它是一堆从老鼠身上飞出来的球。

_{（来源：dailymail.co.uk）}

它在 IE 中的编码与其他浏览器不同。在 IE 中，它是使用.字符完成的，而其他浏览器使用border-radius.

我在页面中找到了源代码（为了完整性，在美化之后包含在下面），但我想知道谷歌是否将他们的未压缩源代码放在谷歌代码或公共存储库上。

有人知道我在哪里可以找到此页面上使用的 Javascript 的可读副本吗？

javascript google-doodle

2010-09-07T16:00:56.087

0 投票

3 回答

4904 浏览

javascript - 今天（儒勒·凡尔纳）Google 的 Doodle 是如何工作的？

我相信你们中的许多人已经查看了今天 (2011-02-08)的 Google 涂鸦（如果涂鸦更改，请链接到 CNN 上的文章）。太棒了，我试着弄清楚它在Firebug中的实现，我发现它有大约 3 层图像（用于 3D 效果），它们是平移和旋转的（-moz-transform:rotate()）等。我没有找到关于是（和我的问题）：

当你按住手柄时它是如何隐藏我们的鼠标光标的，我知道它cursor:none在 CSS 中，但我仍然看到这个手柄的 CSS：
/li>
它如何允许拖动手柄并同时根据位置在 9 个图像之间交换。
对它的 Javascript 有所了解（我在 firebug 中没有找到一个……只有用于搜索的常用脚本，以及这个只计算 mod 的小代码（其他任务可能的代码呢）
/li>

所以简单地指出它是如何实现的（我已经提到了 3，但包括其他可能不那么明显的点）。

图片资源供参考：

资源精灵