我如何在jQuery和CSS中执行此操作?

时间:2012-07-30 21:11:43

标签: jquery css html

我是jQuery的新手,我已经使用过它,并在画廊和滑块上玩它。

我想在我的网站上添加this type of menu(中间有4个方框)。

我需要能够扩展div。首先它只显示图片,但当你悬停时div向上展开并显示图片和随附的文字。

我可以弄清楚大多数事情,但这让我很难过。有什么想法吗?

2 个答案:

答案 0 :(得分:3)

我已经为你建立了一个非常基本的jsFiddle来帮助你理解这个想法,我保持简单,这样你就可以理解并建立它。 http://jsfiddle.net/FF3jc/4/

在JS部分中,所有真正发生的事情是,当你将鼠标悬停在上面时,一个新类正在应用,然后将其悬停,它将被删除。

您可以使用添加/删除的此类来控制高度/样式。

编辑,修复了jsfiddle,包含错误的一个 - d'oh。

答案 1 :(得分:2)

此网站使用jQuery Hero Carousel。这里解释一下。 http://www.paulwelsh.info/jquery-plugins/hero-carousel/

道歉。虽然这个网站有英雄轮播下载,但没有解释。看起来网络的一半用于jquery轮播。