我想在显示第二张和第三张PIC的时候加链接请问该怎么加啊<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>家居馆</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1[1].2.1.pack.js" type="text/javascript"></script>
<style type="text/css">
body {font-size:12px; background:#000;color:#757575; }
a { font-size:12px; font-family: "微软雅黑"; font-weight:800; color:#FF3300; text-decoration:none;}
a:hover{ color:#757575;}
</style>
<style type="text/css">
<!--
.STYLE1 {
color: #333333;
font-size: 2cm;
}
.STYLE2 {color: #0000FF}
#Layer1 {
position:absolute;
left:22px;
top:110px;
width:1200px;
height:44px;
z-index:1;
}
.STYLE3 {color: #00FF00}
.STYLE4 {color: #00CC99}
.STYLE5 {color: #993333}
.STYLE6 {color: #00FFFF}
.STYLE7 {color: #33CC66}
.STYLE8 {color: #666600}
#Layer2 {
position:absolute;
left:27px;
top:19px;
width:1280px;
height:91px;
z-index:2;
}
-->
</style>
</head>
<body>
<div id="Layer3" align="center" ><img src="11.gif" width="900" height="140" />
<div id="Layer2" align="center">
<div align="center"><span class="STYLE1 STYLE2"> 创居坊</span></div>
</div><div id="Layer1"align="center">
<table align="center" width="900" height="38" border="0">
<tr>
<td width="150"><div align="right"><span class="STYLE3">自我设计</span></div></td>
<td width="150"><div align="right"><span class="STYLE4">沟通理念</span></div></td>
<td width="150"><div align="right"><span class="STYLE5">设计馆</span></div></td>
<td width="150"><div align="right"><span class="STYLE6">家居大视野</span></div></td>
<td width="150"><div align="right"><span class="STYLE7">家具淘宝</span></div></td>
<td width="150"><div align="right"><span class="STYLE8">售后服务</span></div></td>
</tr>
</table>
</div>
</div>
<br/><br/>
<div align="center"><DIV id=nav>
<UL>
<LI>
<img src="images/01.jpg" border="0" align="middle" text="自我设计|天蓝海蓝" pic="1">
<DIV align="center">自我设计</DIV></LI>
<LI><IMG src="images/02.jpg" border="0" align="middle" text="背景|春华秋实" pic="2" >
<DIV align="center">背景</DIV></LI>
<LI>
<img src="images/03.jpg" border="0" align="middle" text="大视野|生生不息的生命" pic="3">
<DIV align="center">大视野</DIV></LI>
</UL>
<DIV id=frontTextBack></DIV>
<DIV id=frontText></DIV>
<DIV id=frontTextSub></DIV>
<DIV id=BG></DIV>
<DIV id=mask></DIV>
<DIV id=back><IMG height=640 src="" width=760></DIV>
</DIV><p>
<SCRIPT type=text/javascript>
<!--
var num = 0;
$("#nav").hide();
$("li img").load(function(){
num++; if (num==2)
{
$("#nav").show();
}
})
.click(function(){
//如果已经处于active状态,return
if (this.className.indexOf("active")!=-1) return;
//正文文字渐隐
$("#frontText").fadeOut();
$("#frontTextBack").fadeOut();
$("#frontTextSub").fadeOut(); //active状态的图片恢复原样
$("li img.active").fadeTo(200,0.6)
.removeClass("active")
.animate({top:5,width:70,left:10},300)
.parent().css({"color":"#aaa"}); //
//获取数据
var i = $(this).attr("pic");
var t = $(this).attr("text").split("|");
//当前
$(this).animate({top:-5,width:75,height:40,left:1},100)
.addClass("active")
.fadeTo(200,1)
.parent().css({"color":"blue"}); $("#back").children().addClass("gray").end()
.fadeTo(500,0.1,function(){
//var IMG = new Image();
//IMG.s
var image= $(this).children("img").attr("src","images/"+i+".jpg").removeClass("gray"); //更改图片
$(this).fadeTo(500,1,function(){
$("#frontText").html(t[0]).fadeIn(200); //更改正文文字
$("#frontTextBack").html(t[0]).fadeIn(200); //阴影文字
$("#frontTextSub").html(t[1]).fadeIn(200)} //副标题
);
})
}) //初始第一张图片
var i =0; show(); function show(){
if (i==$("li img").size()) i = 0
$("li img").eq(i).click();
i++;
} document.oncontextmenu = function(e){return false}
if (self.location.search!=""){
var V = self.location.search;
V = V.substr(1,V.length);
eval(V);
var json ="{";
if (option.skin==0)
$("#mask").hide();
if (option.animate == 0){
$("#nav ul").hide();
}
$("#nav").width(option.width?option.width:760);
$("#nav").height(option.height?option.height:640);
$("#back img").width($("#nav").width());
$("#back img").height($("#nav").height());
$(self.parent.document.getElementById("splash")).children().height($("#nav").height()).width($("#nav").width());
}
//-->
</SCRIPT>
<br/>
<br/>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>家居馆</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1[1].2.1.pack.js" type="text/javascript"></script>
<style type="text/css">
body {font-size:12px; background:#000;color:#757575; }
a { font-size:12px; font-family: "微软雅黑"; font-weight:800; color:#FF3300; text-decoration:none;}
a:hover{ color:#757575;}
</style>
<style type="text/css">
<!--
.STYLE1 {
color: #333333;
font-size: 2cm;
}
.STYLE2 {color: #0000FF}
#Layer1 {
position:absolute;
left:22px;
top:110px;
width:1200px;
height:44px;
z-index:1;
}
.STYLE3 {color: #00FF00}
.STYLE4 {color: #00CC99}
.STYLE5 {color: #993333}
.STYLE6 {color: #00FFFF}
.STYLE7 {color: #33CC66}
.STYLE8 {color: #666600}
#Layer2 {
position:absolute;
left:27px;
top:19px;
width:1280px;
height:91px;
z-index:2;
}
-->
</style>
</head>
<body>
<div id="Layer3" align="center" ><img src="11.gif" width="900" height="140" />
<div id="Layer2" align="center">
<div align="center"><span class="STYLE1 STYLE2"> 创居坊</span></div>
</div><div id="Layer1"align="center">
<table align="center" width="900" height="38" border="0">
<tr>
<td width="150"><div align="right"><span class="STYLE3">自我设计</span></div></td>
<td width="150"><div align="right"><span class="STYLE4">沟通理念</span></div></td>
<td width="150"><div align="right"><span class="STYLE5">设计馆</span></div></td>
<td width="150"><div align="right"><span class="STYLE6">家居大视野</span></div></td>
<td width="150"><div align="right"><span class="STYLE7">家具淘宝</span></div></td>
<td width="150"><div align="right"><span class="STYLE8">售后服务</span></div></td>
</tr>
</table>
</div>
</div>
<br/><br/>
<div align="center"><DIV id=nav>
<UL>
<LI>
<img src="images/01.jpg" border="0" align="middle" text="自我设计|天蓝海蓝" pic="1">
<DIV align="center">自我设计</DIV></LI>
<LI><IMG src="images/02.jpg" border="0" align="middle" text="背景|春华秋实" pic="2" >
<DIV align="center">背景</DIV></LI>
<LI>
<img src="images/03.jpg" border="0" align="middle" text="大视野|生生不息的生命" pic="3">
<DIV align="center">大视野</DIV></LI>
</UL>
<DIV id=frontTextBack></DIV>
<DIV id=frontText></DIV>
<DIV id=frontTextSub></DIV>
<DIV id=BG></DIV>
<DIV id=mask></DIV>
<DIV id=back><IMG height=640 src="" width=760></DIV>
</DIV><p>
<SCRIPT type=text/javascript>
<!--
var num = 0;
$("#nav").hide();
$("li img").load(function(){
num++; if (num==2)
{
$("#nav").show();
}
})
.click(function(){
//如果已经处于active状态,return
if (this.className.indexOf("active")!=-1) return;
//正文文字渐隐
$("#frontText").fadeOut();
$("#frontTextBack").fadeOut();
$("#frontTextSub").fadeOut(); //active状态的图片恢复原样
$("li img.active").fadeTo(200,0.6)
.removeClass("active")
.animate({top:5,width:70,left:10},300)
.parent().css({"color":"#aaa"}); //
//获取数据
var i = $(this).attr("pic");
var t = $(this).attr("text").split("|");
//当前
$(this).animate({top:-5,width:75,height:40,left:1},100)
.addClass("active")
.fadeTo(200,1)
.parent().css({"color":"blue"}); $("#back").children().addClass("gray").end()
.fadeTo(500,0.1,function(){
//var IMG = new Image();
//IMG.s
var image= $(this).children("img").attr("src","images/"+i+".jpg").removeClass("gray"); //更改图片
$(this).fadeTo(500,1,function(){
$("#frontText").html(t[0]).fadeIn(200); //更改正文文字
$("#frontTextBack").html(t[0]).fadeIn(200); //阴影文字
$("#frontTextSub").html(t[1]).fadeIn(200)} //副标题
);
})
}) //初始第一张图片
var i =0; show(); function show(){
if (i==$("li img").size()) i = 0
$("li img").eq(i).click();
i++;
} document.oncontextmenu = function(e){return false}
if (self.location.search!=""){
var V = self.location.search;
V = V.substr(1,V.length);
eval(V);
var json ="{";
if (option.skin==0)
$("#mask").hide();
if (option.animate == 0){
$("#nav ul").hide();
}
$("#nav").width(option.width?option.width:760);
$("#nav").height(option.height?option.height:640);
$("#back img").width($("#nav").width());
$("#back img").height($("#nav").height());
$(self.parent.document.getElementById("splash")).children().height($("#nav").height()).width($("#nav").width());
}
//-->
</SCRIPT>
<br/>
<br/>
</body>
</html>
<UL>
<LI>
<img src="images/01.jpg" border="0" align="middle" text="自我设计|天蓝海蓝" pic="1">
<DIV align="center">自我设计</DIV></LI>
<a href ="123.html"><LI><IMG src="images/02.jpg" border="0" align="middle" text="背景|春华秋实" pic="2" ></a>
<DIV align="center">背景</DIV></LI>
<LI>
<a href ="234.html"><img src="images/03.jpg" border="0" align="middle" text="大视野|生生不息的生命" pic="3"></>
<DIV align="center">大视野</DIV></LI>
</UL>