变换背景Javascript,请帮忙修改加入超连接同时可点击变换

四张JPG图片:A1.JPG,A2.JPG,A3.JPG,A4.JPG
下边是一个，按时间顺序变换table表格图片背景脚本
请帮忙个性加入一个1,2,3,4的连接，
（当点击1是第一张图，点击2是第二张图，点击3出现第三张图，点击4出现第四张图）变换背景Javascript,请帮忙修改加入超连接同时可点击变换谢谢！<html>
<head>
<style>
.pic0{background-image:url(img/A1.jpg);}
.pic1{background-image:url(img/A2.jpg);}
.pic2{background-image:url(img/A3.jpg);}
.pic2{background-image:url(img/A3.jpg);}
</style>
</head>
<body>
<script language="Javascript">
var _nowPic=0;
function change_img()
{
_nowPic++
if(_nowPic>3)_nowPic=0;
t.className='pic'+_nowPic;
}
setInterval("change_img()",1000);
</script><table width="1058" height="491" border="0" cellpadding="0" cellspacing="0" background="img/A1.jpg" id="t">
  <tr>
  <td align="center">
  (这里加1,2,3,4：点击1是第一张图，点击2是第二张图，点击3出现第三张图，点击4出现第四张图)</td>
  </tr>
  </table>
</body>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你这种做法还需要注意这几个问题。
当鼠标在table上时，你得把自己换背景的操作停掉。鼠标移开的时候，自动换背景的操作再开始。
当点击时，自己换背景的再停掉，然后把背景换成你点的那个。
<a href="#" onclick="funName(1)">1</a>
踩用这种方式去做吧。
试试：
<tr>
<td align="center">
  (这里加1,2,3,4：点击1是第一张图，点击2是第二张图，点击3出现第三张图，点击4出现第四张图)
<script>
for (var i=0;i<4; i++){
  document.write("<span onclick='t.className=\'"+i+"\' style='margin:5px;'>"+(i+1)+"</span>")
}
</script>
</td>
</tr>
<html>
<head>
<style>
.pic0{background-image:url(img/A1.jpg);}
.pic1{background-image:url(img/A2.jpg);}
.pic2{background-image:url(img/A3.jpg);}
.pic3{background-image:url(img/A3.jpg);}
</style>
</head>
<body>
<script language="Javascript">
var _nowPic=0;
function change_img()
{
_nowPic++
if(_nowPic>2)_nowPic=0;
t.className='pic'+_nowPic;
}
setInterval("change_img()",6000);
</script><table width="1058" height="491" border="0" cellpadding="0" cellspacing="0" background="img/A1.jpg" id="t">
  <tr>
  <td align="center">
<script>
for (var i=0;i<4; i++){
  document.write("<span onclick='t.className=\'"+i+"\' style='margin:5px;'>"+(i+1)+"</span>")
}
</script></td>
  </tr>
  </table>
</body>
</html>出现语法错误，点击无效。
<html>
<head>
<style>
.pic0{background-image:url(img/A1.jpg);}
.pic1{background-image:url(img/A2.jpg);}
.pic2{background-image:url(img/A3.jpg);}
.pic3{background-image:url(img/A4.jpg);}
</style>
</head>
<body>
<script language="Javascript">
var _nowPic=0;
function change_img()
{
_nowPic++
if(_nowPic>3)_nowPic=0;
t.className='pic'+_nowPic;
}
setInterval("change_img()",6000);
</script><table width="1058" height="491" border="0" cellpadding="0" cellspacing="0" background="img/A1.jpg" id="t">
  <tr>
  <td align="center">
<a href="#" onclick="t.className='background-image:url(img/A1.jpg)'">1</span>
<a href="#" onclick="t.className='background-image:url(img/A2.jpg)'">2</span>
<a href="#" onclick="t.className='background-image:url(img/A3.jpg)'">3</span>
<a href="#" onclick="t.className='background-image:url(img/A4.jpg)'">4</span>
</td>
  </tr>
  </table>
</body>
</html>点击无效，也没提示出错。
<html>
<head>
<style>
.pic0{background-image:url(img/A1.jpg);}
.pic1{background-image:url(img/A2.jpg);}
.pic2{background-image:url(img/A3.jpg);}
.pic3{background-image:url(img/A4.jpg);}
</style>
</head>
<body>
<script language="Javascript">
var _nowPic=0;
function change_img()
{
_nowPic++
if(_nowPic>3)_nowPic=0;
t.className='pic'+_nowPic;
}
setInterval("change_img()",6000);
</script><table width="1058" height="491" border="0" cellpadding="0" cellspacing="0" background="img/A1.jpg" id="t">
  <tr>
  <td align="center">
<a href="#" onclick="t.className='pic0'">1</span>
<a href="#" onclick="t.className='pic1'">2</span>
<a href="#" onclick="t.className='pic2'">3</span>
<a href="#" onclick="t.className='pic3'">4</span>
</td>
  </tr>
  </table>
</body>
</html>这个初步实现了，谢谢！
<html>
<head>
<style>
.pic0{background-image:url(img/A1.gif);}
.pic1{background-image:url(img/A2.gif);}
.pic2{background-image:url(img/A3.gif);}
.pic3{background-image:url(img/A3.gif);}
</style>
</head>
<body>
<script language="Javascript">
var _nowPic=0;
function change_img(){
  _nowPic++
  if(_nowPic>2)_nowPic=0;
  t.className='pic'+_nowPic;
}
setInterval("change_img()",6000);
</script><table width="1058" height="491" border="0" cellpadding="0" cellspacing="0" background="img/A1.gif" id="t">
  <tr>
  <td align="center">
  <script>
  for (var i=0;i<4; i++){
    document.write("<span onclick=\"t.className='pic"+i+"'\" style='margin:5px;cursor:pointer'>"+(i+1)+"</span>")
  }
  </script></td>
  </tr>
  </table>
</body>
</html>
给1234 做一个onclick 事件，比如fun(a)
然后再事件修改背景
<html>
<head>
</head>
<body onLoad="changeBackground();">
<table width="1058" height="491" border="0" cellpadding="0" cellspacing="0" id="t">
  <tr>
    <td align="center">
    </td>
  </tr>
</table>

      <div style="position:absolute; top:454px; height:50px; background-color:#666; left:10px; width:1058px; z-index:2;">
      <div id="num_1" style="position:absolute; height:50px; width:227px; padding-top:20px; text-align:center;" onClick="change1();">1</div>
      <div id="num_2" style="position:absolute; height:50px; width:227px; left:285px; padding-top:20px; text-align:center; top: -1px;" onClick="change2();">2</div>
      <div id="num_3" style="position:absolute; height:50px; width:227px; left:561px; padding-top:20px; text-align:center; top: 1px;"onClick="change3()">3</div>
      <div id="num_4" style="position:absolute; height:50px; width:227px; left:830px; padding-top:20px; text-align:center; top: 1px;" onClick="change4()">4</div>
      </div>
</body><script>
function change1()
{

    document.getElementById("t").style.backgroundColor = "#666";
}
function change2()
{
document.getElementById("t").style.backgroundColor = "#00C";
}function change3()
{
document.getElementById("t").style.backgroundColor = "#0FC";
}
function change4()
{
document.getElementById("t").style.backgroundColor = "#93C";
}
</script>
</html>
换背景色  自己换成图片就可以了