TOP

用css实现缩略图鼠标移上去显示大图经常会看见一些图片展示的效果是当鼠标经过图片会出现这个图片的大图，如何用用css实现缩略图鼠标移上去显示大图的效果呢？请看以下代码：

[ 录入者:admin | 时间:2008-01-10 06:08:15 | 作者: | 来源: | 浏览:47次 ]

经常会看见一些图片展示的效果是当鼠标经过图片会出现这个图片的大图，如何用用css实现缩略图鼠标移上去显示大图的效果呢？请看以下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>鼠标移上去显示大图</title> <style type="text/css">  </style> </head> <body> <div class="pr"> <img src="http://www.85flash.com/Files/BeyondPic/2006-1/8/061819573345943.jpg" alt="big" /> <a href="#">效果一</a> </div> <div class="pr2"> <a href="#"><img src="http://www.85flash.com/Files/BeyondPic/2006-1/8/061819573345943.jpg" alt="效果二" /></a> </div> </body> </html>


[上一篇]用css给图片加上阴影的方法	[下一篇]DIV和TABLE共存

称　　呼:
内　　容: