java - 如何构建 Vaadin 演示采样器类型的页面

Question

我有一个简单的问题，我正在尝试构建类似于此 URL 中的内容的内容 访问:http://demo.vaadin.com/sampler-for-vaadin6

具体来说，我想知道如何创建那些可以单击的框？我不确定这些是什么？它们是链接、图像还是按钮？

当鼠标移到这些框上时，我还会看到它周围的框。任何示例代码都受到高度赞赏。

Answer 1

采样器页面是使用 Vaadin 创建的。根据 FireBug 的说法，它是用 CSSLayout 制作的，而这些框是用链接制作的。悬停效果是通过以下 css 属性实现的:

.v-csslayout-grid .screenshot a:hover span {
    background: url("screenshot-frame-hover.png") no-repeat scroll 1px 0px transparent;
}