如何建立

Question

页

的Vaadin演示采样类型我有一个简单的问题，我试图建立类似于什么在这个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采样here的。

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