标题:求助 鼠标移到小图上显示大图的代码
只看楼主
songsong20
Rank: 1
等 级:新手上路
帖 子:43
专家分:0
注 册:2006-10-11
 问题点数:0 回复次数:2 
求助 鼠标移到小图上显示大图的代码
ASP 程序的  有没有 简单点的代码

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

可以的话用 CSS+DIV 最好了 谢谢了
搜索更多相关主题的帖子: 鼠标 大图 代码 ASP 
2008-04-26 21:57
chinasj
Rank: 2
等 级:论坛游民
威 望:1
帖 子:62
专家分:74
注 册:2008-4-26
得分:0 
#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>
显示代码
2008-04-26 22:14
songsong20
Rank: 1
等 级:新手上路
帖 子:43
专家分:0
注 册:2006-10-11
得分:0 
谢谢 楼上的 这样图片显示是可以的  

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

而且原来的小图就没有了  不知道怎么解决?
2008-04-26 23:01



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-211261-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 1.408849 second(s), 7 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved