首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
鼠标滑过缩略图时放大图片（纯Css）
所属分类：
网络编程
/
CSS/HTML
阅读数： 1405
收藏 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
分享
查看更多
网络赚钱
更多
网络公司的普通程序员如何利用QQ营销月赚万元
潘定国的粉丝经济学的重点：移动互联网核心是以人为本
全面剖析日赚500元项目的骗局
app开发者如何从应用程序中赚钱？
一个既能省钱又能赚钱的公众号 你要错过么
个人建站赚钱方法有哪些?5种常见方法汇总
站长故事
更多
互联网屌丝合伙创业经验分享
一问易答：为何小米4/魅族MX4不支持NFC？
为什么阿里巴巴要在美国上市不在国内上市？
其实并非所有草根站长都能驯服社区门户这匹马
就是这7个步骤 让我6个月做到了100万用户
草根站长告诉你通过互联网赚钱到底难不难(真实经历)
