本站的合作过的网站：北风网极客学院柠檬学院图灵学院

开启辅助访问最新回复帖子最新发表帖子

恭喜Java学习者论坛（https://www.javaxxz.com）已经为数万Java学习者服务超过8年了！积累会员资料超过10000G+！
成为本站VIP会员，下载本站10000G+会员资源，购买链接：点击进入购买VIP会员

Java学习者论坛»论坛 › ☆☆☆ Java相关资料分类下载普通用户下载专区 ☆☆☆ › Java平台 › 鼠标移到图片时，此图片放大，鼠标离开图片时，此图片还 ...

发新帖

查看: 938|回复: 0

鼠标移到图片时，此图片放大，鼠标离开图片时，此图片还

该用户从未签到

发表于 2011-10-10 17:04:30 | 显示全部楼层 |阅读模式

本站已经为数万初学者服务超过7年！成为本站VIP会员，免金币下载本站10000G+VIP会员资料！

<style>
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eeeeee;
padding: 5px;
left: -10000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: 60px; /*position where enlarged image should offset horizontally */
right:60px;
bottom:10px
}
</style>
</head>
<body>
<a class="thumbnail" href="showimg.asp?id=1" target="_blank"><img src="DSC_8382.jpg" width="100" height="70" border="0" /><span><img src="DSC_8382.jpg" border="0" width="400" height="280" /></span></a>
</body>

回复

使用道具举报

该用户从未签到

发表于 2011-10-11 12:18:43 | 显示全部楼层

这个必须顶啊。

回复支持反对

使用道具举报

发新帖

|手机版|Java学习者论坛 ( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2025-1-10 19:13 , Processed in 0.385322 second(s), 33 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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