例子在此 hoverbox,用 js 当然简单,但这个例只有 css。大致看了一下

descriptiondescription

注意,图片放了两次,后一次多了一个 class。样式表关键部分

.hoverbox a:hover .preview

{

display: block;

position: absolute;

top: -33px;

left: -45px;

z-index: 1;

}

.hoverbox .preview

{

border-color: #000;

width: 200px;

height: 150px;

}

这样就不难理解了。a 先隐藏一个 img,hover 的时候浮出来并指定大小。还有人改成了导航菜单版本,想象力不错。