设为首页收藏本站

ZMX - IT技术交流论坛 - 无限Perfect,追求梦想 - itzmx.com

 找回密码
 注册论坛

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

用百度帐号登录

只需两步,快速登录

搜索
查看: 3013|回复: 1

鼠标移动上去,自动放大二维码特效css

[复制链接]
 成长值: 255

签到天数: 4710 天

[LV.Master]伴坛终老

发表于 2016/5/20 00:43 | 显示全部楼层 |阅读模式 |Google Chrome 50.0.2661.102|Windows 10
天涯海角搜一下: 百度 谷歌 360 搜狗 有道 雅虎 必应 即刻
  1. <style type="text/css">
  2. <!--
  3. .thumbnail{ position:relative; z-index:0; }
  4. .thumbnail:hover{ background-color:transparent; z-index:50; }
  5. .thumbnail span{ position:absolute; background-color:#FFFFE0; left:-1000px;border:1px dashed gray; visibility:hidden; color:#000; text-decoration:none; padding:5px; }
  6. .thumbnail span img{ border-width:0; padding:2px; }
  7. .thumbnail:hover span{ visibility:visible; top:10px; left:50px; }
  8. p{ margin-top:200px; }
  9. -->
  10. </style>
  11. <a class="thumbnail" href="#">
  12. <img src="http://att.itzmx.com/data/attachment/forum/201605/20/002212u9jjo9tvuoe89pt9.png" width="50" height="50"><br>
  13. <span><img src="http://att.itzmx.com/data/attachment/forum/201605/20/002212u9jjo9tvuoe89pt9.png" width="250" height="250"></span></a>
复制代码


222.png

[发帖际遇]: 小樱 发帖时在路边捡到 1 樱币,偷偷放进了口袋. 幸运榜 / 衰神榜
欢迎光临IT技术交流论坛:http://bbs.itzmx.com/
回复

使用道具 举报

签到天数: 1881 天

[LV.Master]伴坛终老

发表于 2016/5/24 19:31 | 显示全部楼层 |Mozilla 11.0|Windows 10
无需JS,是个不错的思路,收藏了!
正好制作CHM文件的时候,可以用来耍耍!
[发帖际遇]: nnezyj 发帖时在路边捡到 5 樱币,偷偷放进了口袋. 幸运榜 / 衰神榜
欢迎光临IT技术交流论坛:http://bbs.itzmx.com/
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册论坛 新浪微博账号登陆用百度帐号登录

本版积分规则

手机版|Archiver|Mail me|网站地图|IT技术交流论坛 ( 闽ICP备13013206号-7 )

GMT+8, 2024/11/26 22:25 , Processed in 0.127629 second(s), 25 queries , MemCache On.

Powered by itzmx! X3.4

© 2011- sakura

快速回复 返回顶部 返回列表