请问这个效果如何实现？用什么标签？-领先建站CMS提供服务商我们专注于CMS建站产品的研发

2319 查看	7 回复

主题：[待解决]请问这个效果如何实现？用什么标签？ [收藏主题]

转到：

dg833330 当前离线

83 主题	0 广播	0 粉丝

级别:学前班

用户积分:1110 分
登录次数:155 次
注册时间:2006/5/21
最后登录:2011/11/26

dg833330 发表于：2010/10/14 21:58:00 | 只看该作者查看该作者主题楼主

做考试题库就用#科汛在线考试系统!

图片（所选图片主图片）	文字（所选图片的介绍）
A图片（缩略图）	B图片（缩略图）

如上图，如果点击表格下面的A图片，然后上面部分相应地变化；点击B图片，然后上面也相应变化。。

最好是AJAX效果，请问如何实现？

想了很久，不知如何实现，难倒了。。。求高手帮助。。。最好难留下QQ号码，我加你，帮帮手

做新职业技能培训平台就选#科汛网校

支持(0) |

反对(0)

顶端

底部

lijia_00 当前离线

1392 主题	0 广播	0 粉丝

级别:九年级

用户积分:1041 分
登录次数:27 次
注册时间:2009/6/10
最后登录:2013/9/5

lijia_00 发表于：2010/10/15 7:54:00 | 只看该作者查看该作者主题沙发

做线上考试培训就选#科汛网校

很一般

<a href= http://www.biyenet.com.cn target=_blank >计算机毕业设计</a>www.biyenet.com.cn<a href= http://www.luotuo.net.cn target=_blank >计算机毕业论文</a>www.luotuo.net.cn<a href= http://www.biyenet.com target=_blank >工程硕士论文</a>www.biyenet.com<a href= http://www.lw58.com target=_blank >计算机硕士论文</a>www.lw58.com<a href= http://www.slgz.cn target=_blank >硕士毕业设计</a>www.slgz.cn<a href= http://www.chinaqiya.com.cn target=_blank >计算机毕业设计</a>www.chinaqiya.com.cn<a href= http://www.luotuo.net.cn target=_blank >计算机毕业设计</a>

做官网就用科汛智能建站系统!

支持(0) |

反对(0)

顶端

底部

ep165 当前离线

1593 主题	8 广播	5 粉丝

级别:高一年

用户积分:5843 分
登录次数:311 次
注册时间:2008/12/22
最后登录:2017/11/17

ep165 发表于：2010/10/15 10:47:00 | 只看该作者查看该作者主题藤椅

做线上考试培训就选#科汛网校

标签自定义输出样式

做官网就用科汛智能建站系统!

支持(0) |

反对(0)

顶端

底部

dg833330 当前离线

83 主题	0 广播	0 粉丝

级别:学前班

用户积分:1110 分
登录次数:155 次
注册时间:2006/5/21
最后登录:2011/11/26

dg833330 发表于：2010/10/15 14:40:00 | 只看该作者查看该作者主题板凳

有生源找课程就上科汛课堂街!

请问楼上能教下我吗？这个问题难到我了！

做考试题库就用#科汛在线考试系统!

支持(0) |

反对(0)

顶端

底部

zzg19830616z 当前离线

222 主题	1 广播	0 粉丝

级别:二年级

用户积分:765 分
登录次数:96 次
注册时间:2009/9/15
最后登录:2019/8/26

zzg19830616z 发表于：2010/10/15 17:28:00 | 只看该作者查看该作者主题报纸

做考试题库就用#科汛在线考试系统!

吓死你这样？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.gallerycontainer {
position:absolute;
}
.thumbnail img {
border:1px solid white;
margin:0 5px 5px 0;
}
.thumbnail:hover {
background-color:transparent;
}
.thumbnail:hover img {
border:1px solid blue;
}
.thumbnail span {
/*CSS for enlarged image*/
position:absolute;
background-color:lightyellow;
border:1px solid gray;
visibility:hidden;
color:black;
text-decoration:none;
}
.thumbnail span img {
/*CSS for enlarged image*/
border-width:0;
margin:2px;
}
.thumbnail:hover span {
/*CSS for enlarged image*/
visibility:visible;
top:0;
left:800px;
/*position where enlarged image should offset horizontally */
z-index:50;
}
a {
float:left;
}

</style>
</head>

<body>

<div class="gallerycontainer">
<a class="thumbnail" href="#thumb"><img src="http://imgsrc.baidu.com/forum/pic/item/9391655919b602382934f00d.jpg" width="100px" height="100px" border="0" /><span><table  border="0" cellspacing="0" cellpadding="0">
  <tr>
<td><img src="http://imgsrc.baidu.com/forum/pic/item/9391655919b602382934f00d.jpgg" /></td>
  </tr>
  <tr>
<td align="center">图片文字说明</td>
  </tr>
</table>
</span></a>
<a class="thumbnail" href="#thumb"><img src="http://img1.qq.com/ent/pics/9946/9946924.jpg" width="100px" height="100px" border="0" /><span><table  border="0" cellspacing="0" cellpadding="0">
  <tr>
<td><img src="http://img1.qq.com/ent/pics/9946/9946924.jpg" /></td>
  </tr>
  <tr>
<td align="center">图片文字说明</td>
  </tr>
</table>
</span></a><a class="thumbnail" href="#thumb"><img src="http://imgsrc.baidu.com/forum/pic/item/9391655919b602382934f00d.jpg" width="100px" height="100px" border="0" /><span><table  border="0" cellspacing="0" cellpadding="0">
  <tr>
<td><img src="http://imgsrc.baidu.com/forum/pic/item/9391655919b602382934f00d.jpgg" /></td>
  </tr>
  <tr>
<td align="center">图片文字说明</td>
  </tr>
</table>
</span></a>
<a class="thumbnail" href="#thumb"><img src="http://img1.qq.com/ent/pics/9946/9946924.jpg" width="100px" height="100px" border="0" /><span><table  border="0" cellspacing="0" cellpadding="0">
  <tr>
<td><img src="http://img1.qq.com/ent/pics/9946/9946924.jpg" /></td>
  </tr>
  <tr>
<td align="center">图片文字说明</td>
  </tr>
</table>
</span></a>
<a class="thumbnail" href="#thumb"><img src="http://imgsrc.baidu.com/forum/pic/item/9391655919b602382934f00d.jpg" width="100px" height="100px" border="0" /><span><table  border="0" cellspacing="0" cellpadding="0">
  <tr>
<td><img src="http://imgsrc.baidu.com/forum/pic/item/9391655919b602382934f00d.jpgg" /></td>
  </tr>
  <tr>
<td align="center">图片文字说明</td>
  </tr>
</table>
</span></a>
<a class="thumbnail" href="#thumb"><img src="http://img1.qq.com/ent/pics/9946/9946924.jpg" width="100px" height="100px" border="0" /><span><table  border="0" cellspacing="0" cellpadding="0">
  <tr>
<td><img src="http://img1.qq.com/ent/pics/9946/9946924.jpg" /></td>
  </tr>
  <tr>
<td align="center">图片文字说明</td>
  </tr>
</table>
</span></a>
</div>