本网站使用什么 JavaScript？ [关闭]答案

【问题标题】：What JavaScript is used on this site? [closed]本网站使用什么 JavaScript？ [关闭]
【发布时间】：2013-12-31 07:19:00
【问题描述】：

我不确定这是否是一个适合 SO 的问题，但有人知道使用什么 jQuery 库来实现本网站顶部社交图标的效果吗？http://demo.fifothemes.com/pixma/

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

【问题讨论】：

右键>源代码？虽然很多 css 和脚本，但通读一遍可以显示使用了哪一个。它甚至可能只在 css 中
没有 Javascript，纯 CSS。
你不需要 jQuery 插件！
按钮对我没有任何作用。
摆脱 jQuery 酱兄弟。外面的世界很大。

标签： jquery css twitter-bootstrap-3

【解决方案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;
}

【讨论】：

【解决方案2】：

他们使用 transitions (CSS) 而没有 JS；至少动画。

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

但是，如果您需要 JS，那么您可以使用 jQuery 并通过以下方式更新元素的 CSS 边距：

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

等等..

【讨论】：

【解决方案3】：

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

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

【讨论】：