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

[复制链接]

30岁就改变

电梯直达

1^#

发表于 2010-1-10 00:37:39 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

ASP 程序的有没有简单点的代码

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

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

收藏0

使用道具举报

【洳☆淉】

2^#

发表于 2010-1-10 00:37:44 | 只看该作者

谢谢楼上的这样图片显示是可以的

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

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

回复支持反对

使用道具举报

人偶娃娃

3^#

发表于 2010-1-10 00:37:49 | 只看该作者

#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>
显示代码

回复支持反对

使用道具举报

返回列表

GMT+8, 2024-11-20 01:48 , Processed in 0.102598 second(s), 9 queries , Gzip On, Memcache On.

		自动登录	找回密码
密码			注册

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

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