首页 > 其他 > 详细

鼠标放到文字上弹出一幅图片的代码

时间:2015-12-02 14:09:02      阅读:138      评论:0      收藏:0      [点我收藏+]
<html>
<body>
<style type="text/css">
<!--
.thumbnail{position:relative;z-index:0;}
.thumbnail:hover{background-color:transparent;z-index:50;}
.thumbnail span{position:absolute;background-color:#FFFFE0;left:-1000px;border:1px dashed gray;visibility:hidden;color:#000;text-decoration:none;padding:5px;}
.thumbnail span img{border-width:0;padding:2px;}
.thumbnail:hover span{visibility:visible;top:10px;left:280px;}
p{margin-top:200px}
-->
</style>
<a class="thumbnail" href="#">
文字<br>
<span><img src="  ">
</span></a>
</body>
</html>

 

鼠标放到文字上弹出一幅图片的代码

原文:http://www.cnblogs.com/yechangzhong-826217795/p/5012565.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!