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;
}

Answer 2

您可以在此处找到“相对”最新版本的 Vaadin 6 采样器的代码。

至少这个版本（我相信是 6.7.4）应该给你一些你正在寻找的例子。