鼠标滑过缩略图时放大图片（纯Css）-前端--易笔记-weiyer.com

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

写着好玩的，并无技术含量，见笑了。
没有使用到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> 
<p>本例旨在展示鼠标滑到缩略图上时，放大图片。</p>

<ul id="imgmove"> 
  <li><img title="鼠标滑过缩略图时放大图片（纯Css）" alt="鼠标滑过缩略图时放大图片（纯Css）" src="/UploadFiles/201807/20180717112128306.jpg" / onload="javascript:DrawImage(this,600)"></li> 
  <li><img title="鼠标滑过缩略图时放大图片（纯Css）" alt="鼠标滑过缩略图时放大图片（纯Css）" src="/UploadFiles/201807/20180717112128977.jpg" / onload="javascript:DrawImage(this,600)"></li> 
  <li><img title="鼠标滑过缩略图时放大图片（纯Css）" alt="鼠标滑过缩略图时放大图片（纯Css）" src="/UploadFiles/201807/20180717112128373.jpg" / onload="javascript:DrawImage(this,600)"></li> 
</ul> 
 
</body> 
</html>

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

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

时间：2008/2/3 22:45:55 点击：

本类热门

本类推荐

本类固顶

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

时间：2008/2/3 22:45:55 点击：

您可能感兴趣的文章

相关评论

发表我的评论

本类热门

本类推荐

本类固顶