新微赢技术网

标题: 求助鼠标移到小图上显示大图的代码 [打印本页]

作者: 30岁就改变 时间: 2010-1-10 00:37
标题: 求助鼠标移到小图上显示大图的代码
ASP 程序的有没有简单点的代码

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

可以的话用 CSS+DIV 最好了谢谢了

作者: 【洳☆淉】 时间: 2010-1-10 00:37
谢谢楼上的这样图片显示是可以的

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

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

作者: 人偶娃娃 时间: 2010-1-10 00:37
#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>
显示代码

欢迎光临新微赢技术网 (http://bbs.weiying.cn/)