点图片时链接可以跳转到书的详细信息页面。3张图片可以变换，图片特效是通过css和jquery来实现的，css中.dz02{ background:url(dzt

[feifeiyaqi]

需求：
这个链接我取到数据表中的3张图片。点图片时链接可以跳转到书的详细信息页面。3张图片可以变换，图片特效是通过css和jquery来实现的，css中.dz02{ background:url(dzts2.jpg) no-repeat;}dzts2.jpg可以用变量来表示吗，还有js中的$(".dzts").addClass("dzts02");

dzts02可以用变量来吗。方法为？



代码：

<div style=" margin-top:8px;">
<div><a href="http://apabi.cnuschool.org.cn/Usp/apabi_usp/?pid=top&cult=CN"><img src="images/dzts.jpg" /></a></div>
<div class="dzts">
<ul class="dzts_num">
<a href='http://apabi.cnuschool.org.cn/Usp/apabi_usp/pub.mvc?pid=book.detail&cult=CN&metaid="&metaid.item(m).text&"&orgid=apabi_usp'> <img src='HTTP://apabi.cnuschool.org.cn/Dlib/GetJpgUrl.aspx?type=1&resid="&metaid.item(m).text&"&orgid=apabi_usp'/></a>
</ul>
</div>
</div>

这个链接我取到数据表中的3张图片。点图片时链接可以跳转到书的详细信息页面。3张图片可以变换，图片特效是通过css和jquery来实现的，css中.dz02{ background:url(dzts2.jpg) no-repeat;}dzts2.jpg可以用变量来表示吗，还有js中的$(".dzts").addClass("dzts02");

dzts02可以用变量来吗。方法为？

谢谢

html:

1.

<div style=" margin-top:8px;">
<div><a href="http://apabi.cnuschool.org.cn/Usp/apabi_usp/?pid=top&cult=CN"><img src="images/dzts.jpg" /></a></div>
<div class="dzts">
<ul class="dzts_num">
<li>5</li>
<li>4</li>
<li>3</li>
<li>2</li>
<li class="dzts_hover">1</li>
</ul>
</div>
</div>


2.
css:
.dzts{ background:url(dzts1.jpg) no-repeat; width:228px; height:207px; border:#D8D8D8 1px solid; border-top:none; position:relative;}

.dzts02{ background:url(dzts2.jpg) no-repeat;}
.dzts03{ background:url(dzts3.jpg) no-repeat;}
.dzts04{ background:url(dzts3.jpg) no-repeat;}
.dzts05{ background:url(dzts2.jpg) no-repeat;}
.dz{ background:url(dzts1.jpg) no-repeat; width:228px; height:207px; border:#D8D8D8 1px solid; border-top:none; position:relative;}
.dz02{ background:url(dzts2.jpg) no-repeat;}
.dz03{ background:url(dzts3.jpg) no-repeat;}
.dz04{ background:url(dzts3.jpg) no-repeat;}
.dz05{ background:url(dzts2.jpg) no-repeat;}
.dzts_num{ position:absolute; height:18px; bottom:3px; right:6px;}
.dzts_num li{ display:block; float:right; width:16px; height:16px; border:#90A16B 1px solid; text-align:center; line-height:16px; color:#82A07A; background:#FFF; margin:0 1px; _display:inline;}
.dzts_num .dzts_hover{ color:#FFF; background:#94BB62; cursor:pointer;}


3.js:

$(function(){
$(".dzts_num li").hover(function(){
var idxNum = $(".dzts_num li").index($(this));
$(".dzts_num li").removeClass("dzts_hover");
$(this).addClass("dzts_hover");
$(".dzts").removeClass("dzts02");
$(".dzts").removeClass("dzts03");
$(".dzts").removeClass("dzts02");
$(".dzts").removeClass("dzts03");

})

$(".dzts_num li").eq(3).hover(function(){
$(".dzts").addClass("dzts02");
})
$(".dzts_num li").eq(2).hover(function(){
$(".dzts").addClass("dzts03");
})
$(".dzts_num li").eq(1).hover(function(){
$(".dzts").addClass("dzts02");
})
$(".dzts_num li").eq(0).hover(function(){
$(".dzts").addClass("dzts03");
})
})

4.

我的链接是

response.Write("<div class='dzts'><ul class='dzts_num'><a href='http://apabi.cnuschool.org.cn/Usp/apabi_usp/pub.mvc?pid=book.detail&cult=CN&metaid="&metaid.item(m).text&"&orgid=apabi_usp'> <img src='HTTP://apabi.cnuschool.org.cn/Dlib/GetJpgUrl.aspx?type=1&resid="&metaid.item(m).text&"&orgid=apabi_usp'/></a></ul></div>")

功能：可以取到库中的图片，点图片链接可以跳转到书的详细信息页面。

5.