例子在此 hoverbox,用 js 当然简单,但这个例只有 css。大致看了一下
注意,图片放了两次,后一次多了一个 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 的时候浮出来并指定大小。还有人改成了导航菜单版本,想象力不错。
Leave a reply