鼠标滑过缩略图时放大图片（纯Css）

发布时间：2008-02-03　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

写着好玩的，并无技术含量，见笑了。没有使用到Js，纯Css控制的。弹出的图片不会把旁边的容器“挤”开。测试通过IE7Firefox2.11。（理论兼容IE6）www.jb51.net脚本之家鼠标滑过缩略图时放大图片本例旨在展示鼠标滑到缩略图上时，放大图片。[Ctrl+A全选注:如需

写着好玩的，并无技术含量，见笑了。
没有使用到Js，纯Css控制的。
弹出的图片不会把旁边的容器“挤”开。
测试通过IE7Firefox2.11。（理论兼容IE6）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>www.jb51.net 全福编程网 鼠标滑过缩略图时放大图片</title> 
<style type="text/css"> 
 
</style> 
</head> 
<body> 
<p>本例旨在展示鼠标滑到缩略图上时，放大图片。</p>

<img src="http://files.jb51.net/upload/20080203224505387.jpg" /> 
  <img src="http://img4.pcpop.com/WallImages/0x0/0/190/000190571.jpg" /> 
  <img src="http://files.jb51.net/upload/20080203224554417.jpg" /> 
 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：html活用软字符连接符

下一篇：纯CSS制作的新闻网站中的文章列表

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

鼠标滑过缩略图时放大图片（纯Css）

相关推荐

文章分类

热门关键词

热门文章

最新更新