全　选
/* 图片鼠标滑过放大*/ .gallerycontainer{position: relative;} .thumbnail img{border: 1px solid white;margin: 0 5px 5px 0;} .thumbnail:hover{background-color: transparent;} .thumbnail:hover img{border: 1px solid blue;} .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px;} .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible;top: 0; left: 200px; /*position where enlarged image should offset horizontally */ z-index: 50; }

2.在网页编辑html处，加入以下代码：

全　选
<div class="gallerycontainer"> <a class="thumbnail" href="#thumb"><img src="小图地址" width="100px" height="100px" border="0" /><span><img src="原始图片地址" /><br />图片文字说明</span></a> <a class="thumbnail" href="#thumb"><img src="小图地址" width="100px" height="100px" border="0" /><span><img src="原始图片地址" /><br />图片文字说明</span></a> </div>