首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
鼠标滑过缩略图时放大图片（纯Css）
所属分类：
网络编程
/
CSS/HTML
阅读数： 1404
收藏 0
赞 0
分享
写着好玩的，并无技术含量，见笑了。
没有使用到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> </head> <body> <p>本例旨在展示鼠标滑到缩略图上时，放大图片。</p> <!--[if IE 6]><a href="#"><![endif]--> <ul id="imgmove"> <li><img src="https://cdn.zhanzhang360.cn/imgupload/001513/20080203224505387.jpg" /></li> <li><img src="https://cdn.zhanzhang360.cn/imgupload/001513/000190571.jpg" /></li> <li><img src="https://cdn.zhanzhang360.cn/imgupload/001513/20080203224554417.jpg" /></li> </ul> <!--[if IE 6]></a><![endif]--> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
IE 5.x/Win 和模型bug
IE 5.x/Win 和模型bug
评论 0
收藏 0
赞 0
分享
各浏览器padding、margin的差异
各浏览器padding、margin的差异
评论 0
收藏 0
赞 0
分享
IE浮动边界BUG延伸探讨
IE浮动边界BUG延伸探讨
评论 0
收藏 0
赞 0
分享
[转]目前找到的最好的Iframe自适应高度代码
[转]目前找到的最好的Iframe自适应高度代码
评论 0
收藏 0
赞 0
分享
Web Safe Color Pallette
Web Safe Color Pallette
评论 0
收藏 0
赞 0
分享
网站制作之网页技巧
网站制作之网页技巧
评论 0
收藏 0
赞 0
分享
http状态码一览表
网站的http状态对于网站维护人员来说是相当重要的，当网站出现问题的时候，我们首先要诊断一下网站的http状态，从而进一步确认哪里出现的问题
评论 0
收藏 0
赞 0
分享
从Table向Css过渡的优缺点比较
从Table向Css过渡的优缺点比较
评论 0
收藏 0
赞 0
分享
不用float实现div模块居中布局
不用float实现div模块居中布局
评论 0
收藏 0
赞 0
分享
解决列高度自适应(相同)的五种方法
解决列高度自适应(相同)的五种方法
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
即使现在停产 微商面膜至少需需5年才能卖完
从世界杯观赛看，“移动视频”就是个伪命题
巴西世界杯复盘：七大移动营销案例图文解析
站长故事实战：淘宝买关键词排名SEO服务攻略介绍
什么样的网站赚钱 怎么赚钱？
站长必看:让你的网站多一种赚钱方法
站长故事
更多
站长故事：用百度Site App建立起自己的移动端全过程
一个个人站长的网站推广运营核心销策略
站长故事：一个90后站长的自述
人物：戴志康，80后创业者携惊叹号而来
就是这7个步骤 让我6个月做到了100万用户
浅谈新手站长在网站运营中如何去养站？
