在这个网站上,有这些立方体,标题为“事件”“混合”和“图库”。当一个悬停在它们上方时,立方体有一个旋转动画,也有鼠标移出。
如果你能告诉我他们正在使用的插件/模块的名称,或者我如何能够达到同样的效果。
Link to Website with rotating cube buttons
我查看了源代码,他们似乎正在使用drupal,我认为这些多维数据集是jquery驱动的,但我真的不知道。
答案 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})
})
});