编程论坛
注册
登录
编程论坛
→
ASP技术论坛
求助 鼠标移到小图上显示大图的代码
songsong20
发布于 2008-04-26 21:57, 820 次点击
ASP 程序的 有没有 简单点的代码
还要能 实现 多个图片一起 显示 每个小图的大图
可以的话用 CSS+DIV 最好了 谢谢了
2 回复
#2
chinasj
2008-04-26 22:14
#enlarge {padding:0; margin:0; list-style-type:none; width:40px; height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px; position:relative;}
#enlarge li a {display:block; width:40px; height:40px; background:transparent; overflow:hidden; position:relative;}
#enlarge li a img {width:100%; height:100%; border:1;}
#enlarge li a:hover {position:absolute; left:-210px; top:-20px; width:250px; height:250px; z-index:100; border:1px;}
/*CSS*/
<ul id="enlarge"><li><a href='#'><img src="../UpLoadFile/Case/<%=Rst("ProPic")%>" width="40" height="40" style="border:1px solid #cccccc"></a></li></ul>
显示代码
#3
songsong20
2008-04-26 23:01
谢谢 楼上的 这样图片显示是可以的
但是 显示的大图的层 在 小图的下面 我调整了z-index的值 没有效果
而且原来的小图就没有了 不知道怎么解决?
1