37Signals使用什么代码作为主页悬停效果?

时间:2011-02-28 06:59:37

标签: javascript html css

http://37signals.com/上的悬停按钮效果很漂亮,速度非常快。他们是如何做到的呢?它似乎是javascript和css3,但我无法从源代码中看出它们用来实现效果的函数类型。

谢谢! Azeem

1 个答案:

答案 0 :(得分:1)

他们有几个div(类box hover_container hover_target)附加了悬停事件。当用户将鼠标悬停在目标框上时,会向其添加类hover。类hover具有渐变效果,突出显示当前悬停的块。

每个块都有一个自定义箭头图像和标记内与之关联的文本。它很简单,可以看到哪一个正在悬停并显示正确的内容和箭头