注册 登录
编程论坛 ASP技术论坛

求助 鼠标移到小图上显示大图的代码

songsong20 发布于 2008-04-26 21:57, 820 次点击
ASP 程序的  有没有 简单点的代码

还要能 实现 多个图片一起   显示 每个小图的大图

可以的话用 CSS+DIV 最好了 谢谢了
2 回复
#2
chinasj2008-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
songsong202008-04-26 23:01
谢谢 楼上的 这样图片显示是可以的  

但是 显示的大图的层 在 小图的下面 我调整了z-index的值 没有效果

而且原来的小图就没有了  不知道怎么解决?
1