这个对象/模块是什么?我在哪里可以找到它或如何制作它?

时间:2011-09-07 01:47:40

标签: jquery drupal web module

在这个网站上,有这些立方体,标题为“事件”“混合”和“图库”。当一个悬停在它们上方时,立方体有一个旋转动画,也有鼠标移出。

如果你能告诉我他们正在使用的插件/模块的名称,或者我如何能够达到同样的效果。

Link to Website with rotating cube buttons

我查看了源代码,他们似乎正在使用drupal,我认为这些多维数据集是jquery驱动的,但我真的不知道。

1 个答案:

答案 0 :(得分:1)

他们正在做的就是将background-position向上移动&下来。

以下是他们使用的相关代码:

$(function(){
    $('.sprite')
        .css( {backgroundPosition: "0 0"} )
        .mouseover(function(){
            $(this).stop().animate({backgroundPosition:"(0 -176px)"}, {duration:500})
        })
        .mouseout(function(){
            $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
        })

});