该网站使用了什么JavaScript？

Question

我不确定这是否适合SO的问题，但有谁知道jQuery库用于此网站顶部社交图标的效果？http://demo.fifothemes.com/pixma/

我喜欢当你将鼠标悬停在它们上面时，它们会慢慢变成一种颜色。

Answer 1

没有Javascript：CSS过渡，例如来自网站：

header .social i, footer .social i {
    color: #666;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

Answer 2

他们使用transition s（CSS）而没有使用JS;至少动画。

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions

但是，如果你需要JS，那么你可以使用jQuery并使用这个来更新元素的CSS边距：

$('selector').css({
  margin: 'value',
  width: 'value'
})

等等..

Answer 3

菜单正在使用所有CSS。 使用Quick Javascript Switcher http://goo.gl/f1MeeI禁用JS后，所有CSS3动画仍然有效。

在OP的辩护中，正在加载jQuery SuperFish Menu插件（https://github.com/joeldbirch/superfish/）的javascript和样式，但在这种情况下，主导航不需要JS。