javascript - 如何制作一个按钮，当悬停在上面时，它会滑过并显示链接（JS）？

Question

谁能指导我在 JS 中创建一个简单的应用程序？

该应用程序是这样的：会有一个显示“主题”的按钮，当您将鼠标放在该按钮上时，它会滑到左侧，显示两个链接（链接会显示“浅色”和“深色”） .

我对JS没有那么经验，所以有人可以帮助我吗？谢谢！

score 2 · Accepted Answer

这是一个滑动覆盖的示例：http: //jsfiddle.net/vWpmT/3/

这是一个挤压覆盖直到没有宽度的例子：http: //jsfiddle.net/vWpmT/2/

它需要 jQuery。给出的 CSS 是除了背景颜色之外的最低要求。

score 2 · Accepted Answer

2

啊，你打败了我：http: //jsfiddle.net/5Ls9y/

于 2012-06-12T22:58:30.900 回答

score 2 · Accepted Answer

2

这是一个带有纯 CSS 转换的版本http://jsfiddle.net/69z3y/

于 2012-06-12T23:04:53.713 回答

score 2 · Accepted Answer

此方法使用纯JavaScript 动画引擎，以几种方式模仿 jQuery 动画！

jsFiddle 只展示了众多原生 JavaScript 动画中的 1 个。

有关可以使用的动画示例的完整列表以及相关教程，请查看 HTML 评论部分中的链接以获取更多信息。

如需灵感，请查看此 webkit CSS3 滑动演示和专辑中唱片的教程。

状态更新：如果您的 Button 是图像，那么这5 个用于 CSS3 浏览器的演示很好。

4 回答 4