如何重新创建'Overlay和Shadow Classes'的jQueryUI演示

时间:2011-07-11 17:44:28

标签: jquery jquery-ui overlay

我正在尝试重新创建此处使用的'Overlay and Shadow Classes'效果:http://jqueryui.com/themeroller/但有些困难。我想将它应用于一个元素(仅覆盖该元素,将该元素的内容置于其中心等),就像它们一样;我找不到任何暗示他们使用jQuery函数来做的事情。看起来他们只是使用了css类。我应该了解他们的CSS课程并使用它们吗?或者那里有快速的jqueryui解决方案吗?

1 个答案:

答案 0 :(得分:2)

好吧,你可以用CSS或JQuery实现效果。但实际上,它只是一些简单的CSS类。它使用了一个非常简单的positioning概念。保存元素的容器需要relative定位,内部元素将具有absolute定位。当元素absolute位于relative容器内时,内部容器的top: 0pxleft: 0px将位于外部容器的左上角。查看this fiddle以获取一个非常简单的示例。

现在你可能在这种情况下使用JQuery的原因是你需要做一些计算。在我的小提琴中,我的容器的宽度是一些静态值,但如果该容器将动态地改变它的大小,你需要添加一些事件处理!祝你好运。