页面导航：首页 → 网络编程 → CSS/HTML → 经验交流 → 正文内容鼠标滑过缩略图放大图片 Css

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

发布：dxy 字体：[增加减小] 类型：转载

写着好玩的，并无技术含量，见笑了。
没有使用到Js，纯Css控制的。
弹出的图片不会把旁边的容器“挤”开。
测试通过IE7 Firefox2.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> 
本例旨在展示鼠标滑到缩略图上时，放大图片。

<ul id="imgmove"> 
  <li><img src="/upload/20080203224505387.jpg" /></li> 
  <li><img src="http://img4.pcpop.com/WallImages/0x0/0/190/000190571.jpg" /></li> 
  <li><img src="/upload/20080203224554417.jpg" /></li> 
</ul> 
 
</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：鼠标滑过缩略图放大图片 Css

百度中搜索更多的关于鼠标滑过缩略图时放大图片（纯Css）内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

顶一下

上一篇文章：纯CSS制作的新闻网站中的文章列表
下一篇文章：Firefox返回时Iframe的显示Bug的解决方法

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行