0

我正在尝试编写一个与以下内容非常相似的投资组合部分：http ://www.nouvehmedia.com/#3_columns_projects.html

但是，似乎以我对 jquery/javascript 的零知识，我无法重新创建结果。

理想情况下，我试图在上面加上我自己的“触摸”。它会像上面的网站上描述的那样完全发挥作用，但点击它们实际上会打开一个模式。

我的麻烦区域是：
*过滤结果
*应用鼠标叠加效果（当我的鼠标悬停在底部文本上时，我似乎只能影响底部文本，但如果它在图像上，它不会转换）

这是我的代码，我正在使用基础框架，因此当我将代码导入 jsfiddle 以显示我的工作时，它看起来很不正常：jsfiddle.net/feF43/1/
这是我的结果：

我试图在 CSS 中做的事情是可能的，还是我应该考虑在 github 上找到类似的效果来用我的代码实现？

4

1 回答 1

1

哦，真可惜，我昨天真的看了这个，因为我想在我的下一个站点中使用它。不过，我比 Foundation 更喜欢 Bootstrap 框架。

有一个名为 quicksand.js 的插件可以完成我认为您在上面尝试做的事情。昨晚我偶然发现了一个使用 Bootstrap 的教程：

不幸的是，我为您查看了这个，似乎 Foundation 应用其网格的方式意味着流沙不能很好地使用它：

因此，也许建议您更改框架是一个激进的解决方案:) 但是看看您的小提琴，这两个框架之间的标记似乎非常相似。

我也刚看了流沙源代码，它真的没那么长。所以即使你坚持使用zurb你也可以在这里看到流沙的内在逻辑：

希望这可以帮助。

于 2013-07-22T20:15:44.633 回答