| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 820 人关注过本帖
标题:求助 鼠标移到小图上显示大图的代码
只看楼主 加入收藏
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
快速回复:求助 鼠标移到小图上显示大图的代码
数据加载中...
 
   



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

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