网页设计文字和图片同时切换

<!DOCTYPEhtml><head><metacharset="utf-8"/><title>动态切换</title><style>body{width:600px;... <!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>动态切换</title>
<style>
body{width:600px;}
.huandeng{
font-size:12px;
float:left;}
.huandeng img{
width:600px;
height:270px;
border:1px solid #dedede;}
.huandeng a{
color:white;
text-decoration:none;
}
.huandeng a:hover{
color:orange;
text-decoration:none;
}
.huanden{
float:left;
width:600px;
height:30px;
background-color:white;}
.huanden .shuzi a{
padding:2px 5px;
margin-right:5px;
float:right;
background:#000;}
.huanden .shuzi a:hover{
background:red;}

</style>
<script language="javascript">
function idming(objstr){return document.getElementById(objstr);}
function qietu(src1,src2){
idming("lianjie").href=src1;
idming("tu").src=src2;}
</script>
</head>
<body>
<div class="huandeng">
<a id="lianjie" href=#><img id="tu" src="8.jpg" /></a>
<div class="huanden">
<div class="shuzi">
<a href="#" onmousemove="javascript:qietu('#1','5.jpg');">4</a>
<a href="#" onmousemove="javascript:qietu('#2','6.jpg');">3</a>
<a href="#" onmousemove="javascript:qietu('#3','7.jpg');">2</a>
<a href="#" onmousemove="javascript:qietu('#4','8.jpg');">1</a>
</div></div></div>

</body>
</html>
现在我这段代码只能点击数字时文字进行切换，求大神修改下使得可以在图片下方加文字，让文字和图片一起随数字的变换而切换！！！！展开

 我来答