求大神帮忙修改,这个代码现在不能实现(鼠标移动到小图标的时候,自动切换到大的选款,成为大选框图展示)源代码:
<img src="http://img04.taobaocdn.com/imgextra/i4/T2oxXsXatMXXXXXXXX-711474473.jpg">
<DIV style="HEIGHT: 430px; OVERFLOW: hidden">
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center>
<TBODY>
<TR>
<TD height=430 vAlign=top background=http://img01.taobaocdn.com/imgextra/i1/T2lhpsXaxMXXXXXXXX-711474473.jpg width=750>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=75 vAlign=top width=750>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=75 vAlign=top width=28> </TD>
<TD vAlign=center width=700><strong><font style="BACKGROUND-COLOR: #ffffff; FONT-FAMILY: 黑体; COLOR: #ff0000; FONT-SIZE: 18pt">今日推荐</font><font style="FONT-SIZE: 18pt">:2011 新品 潮流休闲上衣 漏肩T血 猫头鹰短袖T恤衫 (每个ID限购1件)</font></strong></TD>
<TD vAlign=top width=22> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=355 vAlign=top>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=14 vAlign=top colSpan=11> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2 width=28> </TD>
<TD vAlign=center rowSpan=2 colSpan=4>
<DIV align=center><font style="FONT-SIZE: 24pt"><strong style="COLOR: #ffffff">¥888</strong></font></DIV></TD>
<TD vAlign=center rowSpan=2 colSpan=2>
<DIV align=center><A href="http://mcstu.taobao.com/" target=_blank><img border=0 alt="" src="http://img04.taobaocdn.com/imgextra/i4/T2MhpsXaBMXXXXXXXX-711474473.gif" width=90 height=50></A></DIV></TD>
<TD vAlign=center rowSpan=11 width=327>
<DIV align=center><span class=imgneirong><font style="FONT-SIZE: 12px" color=#000000><img style="WIDTH: 310px; HEIGHT: 310px"alt="" src="http://www35.tx8.cn/photo/339372592/2011619162029695T26j4fXgBMXXXXXXXX_%21%21315186851.jpg"></font></span></DIV></TD>
<TD height=13 vAlign=top colSpan=3> </TD></TR>
<TR>
<TD vAlign=top rowSpan=11 width=11> </TD>
<TD vAlign=center rowSpan=2 width=92>
<DIV align=center><span class=imgneirong2><font style="FONT-SIZE: 12px" color=#000000><A href="http://mcstu.taobao.com/" target=_blank><img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80></A></font></span></DIV></TD>
<TD height=49 width=22> </TD></TR>
<TR>
<TD height=37 vAlign=top colSpan=7> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2 colSpan=2> </TD>
<TD vAlign=center rowSpan=2 width=77>
<DIV align=center><font style="FONT-SIZE: 12px" color=#000000><strong>¥195元</strong></font></DIV></TD>
<TD vAlign=center rowSpan=2 colSpan=2>
<DIV align=center><font style="FONT-SIZE: 12px" color=#000000><strong>5折</strong></font></DIV></TD>
<TD vAlign=center rowSpan=2 width=78>
<DIV align=center><font style="FONT-SIZE: 12px" color=#000000><strong>¥888元</strong></font></DIV></TD>
<TD vAlign=top rowSpan=2 width=24> </TD>
<TD height=23 vAlign=top> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=top rowSpan=3>
<DIV align=center><span class=imgneirong2><font style="FONT-SIZE: 12px" color=#000000><A href="http://mcstu.taobao.com/" target=_blank><img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80></A></font></span></DIV></TD>
<TD height=15> </TD></TR>
<TR>
<TD vAlign=top rowSpan=7 colSpan=2> </TD>
<TD height=50 vAlign=center colSpan=2>
<DIV align=center><font style="FONT-SIZE: 24pt"><strong style="COLOR: #000000">888</strong></font></DIV></TD>
<TD vAlign=top colSpan=2> </TD>
<TD vAlign=top rowSpan=7> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=center rowSpan=3 colSpan=4>
<DIV align=center><span class=imgneirong2><font style="FONT-SIZE: 12px" color=#000000><img border=0 alt="" src="http://img04.taobaocdn.com/imgextra/i4/T2uhlsXapMXXXXXXXX-711474473.gif" width=226 height=66></font></span></DIV></TD>
<TD height=22> </TD></TR>
<TR>
<TD height=21 vAlign=top> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2>
<DIV align=center><span class=imgneirong2><font style="FONT-SIZE: 12px" color=#000000><A href="http://mcstu.taobao.com/" target=_blank><img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80></A></font></span></DIV></TD>
<TD height=28> </TD></TR>
<TR>
<TD vAlign=top rowSpan=3 colSpan=4> </TD>
<TD height=56> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2> </TD>
<TD height=14> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<img src="http://img04.taobaocdn.com/imgextra/i4/T2oxXsXatMXXXXXXXX-711474473.jpg">
<DIV style="HEIGHT: 430px; OVERFLOW: hidden">
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center>
<TBODY>
<TR>
<TD height=430 vAlign=top background=http://img01.taobaocdn.com/imgextra/i1/T2lhpsXaxMXXXXXXXX-711474473.jpg width=750>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=75 vAlign=top width=750>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=75 vAlign=top width=28> </TD>
<TD vAlign=center width=700><strong><font style="BACKGROUND-COLOR: #ffffff; FONT-FAMILY: 黑体; COLOR: #ff0000; FONT-SIZE: 18pt">今日推荐</font><font style="FONT-SIZE: 18pt">:2011 新品 潮流休闲上衣 漏肩T血 猫头鹰短袖T恤衫 (每个ID限购1件)</font></strong></TD>
<TD vAlign=top width=22> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=355 vAlign=top>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=14 vAlign=top colSpan=11> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2 width=28> </TD>
<TD vAlign=center rowSpan=2 colSpan=4>
<DIV align=center><font style="FONT-SIZE: 24pt"><strong style="COLOR: #ffffff">¥888</strong></font></DIV></TD>
<TD vAlign=center rowSpan=2 colSpan=2>
<DIV align=center><A href="http://mcstu.taobao.com/" target=_blank><img border=0 alt="" src="http://img04.taobaocdn.com/imgextra/i4/T2MhpsXaBMXXXXXXXX-711474473.gif" width=90 height=50></A></DIV></TD>
<TD vAlign=center rowSpan=11 width=327>
<DIV align=center><span class=imgneirong><font style="FONT-SIZE: 12px" color=#000000><img style="WIDTH: 310px; HEIGHT: 310px"alt="" src="http://www35.tx8.cn/photo/339372592/2011619162029695T26j4fXgBMXXXXXXXX_%21%21315186851.jpg"></font></span></DIV></TD>
<TD height=13 vAlign=top colSpan=3> </TD></TR>
<TR>
<TD vAlign=top rowSpan=11 width=11> </TD>
<TD vAlign=center rowSpan=2 width=92>
<DIV align=center><span class=imgneirong2><font style="FONT-SIZE: 12px" color=#000000><A href="http://mcstu.taobao.com/" target=_blank><img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80></A></font></span></DIV></TD>
<TD height=49 width=22> </TD></TR>
<TR>
<TD height=37 vAlign=top colSpan=7> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2 colSpan=2> </TD>
<TD vAlign=center rowSpan=2 width=77>
<DIV align=center><font style="FONT-SIZE: 12px" color=#000000><strong>¥195元</strong></font></DIV></TD>
<TD vAlign=center rowSpan=2 colSpan=2>
<DIV align=center><font style="FONT-SIZE: 12px" color=#000000><strong>5折</strong></font></DIV></TD>
<TD vAlign=center rowSpan=2 width=78>
<DIV align=center><font style="FONT-SIZE: 12px" color=#000000><strong>¥888元</strong></font></DIV></TD>
<TD vAlign=top rowSpan=2 width=24> </TD>
<TD height=23 vAlign=top> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=top rowSpan=3>
<DIV align=center><span class=imgneirong2><font style="FONT-SIZE: 12px" color=#000000><A href="http://mcstu.taobao.com/" target=_blank><img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80></A></font></span></DIV></TD>
<TD height=15> </TD></TR>
<TR>
<TD vAlign=top rowSpan=7 colSpan=2> </TD>
<TD height=50 vAlign=center colSpan=2>
<DIV align=center><font style="FONT-SIZE: 24pt"><strong style="COLOR: #000000">888</strong></font></DIV></TD>
<TD vAlign=top colSpan=2> </TD>
<TD vAlign=top rowSpan=7> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=center rowSpan=3 colSpan=4>
<DIV align=center><span class=imgneirong2><font style="FONT-SIZE: 12px" color=#000000><img border=0 alt="" src="http://img04.taobaocdn.com/imgextra/i4/T2uhlsXapMXXXXXXXX-711474473.gif" width=226 height=66></font></span></DIV></TD>
<TD height=22> </TD></TR>
<TR>
<TD height=21 vAlign=top> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2>
<DIV align=center><span class=imgneirong2><font style="FONT-SIZE: 12px" color=#000000><A href="http://mcstu.taobao.com/" target=_blank><img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80></A></font></span></DIV></TD>
<TD height=28> </TD></TR>
<TR>
<TD vAlign=top rowSpan=3 colSpan=4> </TD>
<TD height=56> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2> </TD>
<TD height=14> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head> <body>
<img src="http://img04.taobaocdn.com/imgextra/i4/T2oxXsXatMXXXXXXXX-711474473.jpg">
<DIV style="HEIGHT: 430px; OVERFLOW: hidden">
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center>
<TBODY>
<TR>
<TD height=430 vAlign=top background=http://img01.taobaocdn.com/imgextra/i1/T2lhpsXaxMXXXXXXXX-711474473.jpg width=750>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=75 vAlign=top width=750>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=75 vAlign=top width=28> </TD>
<TD vAlign=center width=700>
<strong>
<font style="BACKGROUND-COLOR: #ffffff; FONT-FAMILY: 黑体; COLOR: #ff0000; FONT-SIZE: 18pt">今日推荐
</font>
<font style="FONT-SIZE: 18pt">:2011 新品 潮流休闲上衣 漏肩T血 猫头鹰短袖T恤衫 (每个ID限购1件)
</font>
</strong>
</TD>
<TD vAlign=top width=22> </TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD height=355 vAlign=top>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=14 vAlign=top colSpan=11> </TD>
</TR>
<TR>
<TD vAlign=top rowSpan=2 width=28> </TD>
<TD vAlign=center rowSpan=2 colSpan=4>
<DIV align=center>
<font style="FONT-SIZE: 24pt">
<strong style="COLOR: #ffffff">¥888</strong>
</font>
</DIV>
</TD>
<TD vAlign=center rowSpan=2 colSpan=2>
<DIV align=center>
<A href="http://mcstu.taobao.com/" target=_blank>
<img border=0 alt="" src="http://img04.taobaocdn.com/imgextra/i4/T2MhpsXaBMXXXXXXXX-711474473.gif" width=90 height=50>
</A>
</DIV>
</TD>
<TD vAlign=center rowSpan=11 width=327>
<DIV align=center>
<span class=imgneirong>
<font style="FONT-SIZE: 12px" color=#000000>
<img style="WIDTH: 310px; HEIGHT: 310px"alt="" src="http://www35.tx8.cn/photo/339372592/2011619162029695T26j4fXgBMXXXXXXXX_%21%21315186851.jpg">
</font>
</span>
</DIV>
</TD>
<TD height=13 vAlign=top colSpan=3> </TD>
</TR>
<TR>
<TD vAlign=top rowSpan=11 width=11> </TD>
<TD vAlign=center rowSpan=2 width=92>
<DIV align=center>
<span class=imgneirong2>
<font style="FONT-SIZE: 12px" color=#000000>
<A href="http://mcstu.taobao.com/" target=_blank>
<img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80>
</A>
</font>
</span>
</DIV>
</TD>
<TD height=49 width=22> </TD>
</TR>
<TR>
<TD height=37 vAlign=top colSpan=7> </TD>
<TD> </TD>
</TR>
<TR>
<TD vAlign=top rowSpan=2 colSpan=2> </TD>
<TD vAlign=center rowSpan=2 width=77>
<DIV align=center>
<font style="FONT-SIZE: 12px" color=#000000>
<strong>¥195元</strong>
</font>
</DIV>
</TD>
<TD vAlign=center rowSpan=2 colSpan=2>
<DIV align=center>
<font style="FONT-SIZE: 12px" color=#000000>
<strong>5折</strong>
</font>
</DIV>
</TD>
<TD vAlign=center rowSpan=2 width=78>
<DIV align=center>
<font style="FONT-SIZE: 12px" color=#000000>
<strong>¥888元</strong>
</font>
</DIV>
</TD>
<TD vAlign=top rowSpan=2 width=24> </TD>
<TD height=23 vAlign=top> </TD>
<TD> </TD>
</TR>
<TR>
<TD vAlign=top rowSpan=3>
<DIV align=center>
<span class=imgneirong2>
<font style="FONT-SIZE: 12px" color=#000000>
<A href="http://mcstu.taobao.com/" target=_blank>
<img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80>
</A>
</font>
</span>
</DIV>
</TD>
<TD height=15> </TD>
</TR>
<TR>
<TD vAlign=top rowSpan=7 colSpan=2> </TD>
<TD height=50 vAlign=center colSpan=2>
<DIV align=center>
<font style="FONT-SIZE: 24pt">
<strong style="COLOR: #000000">888</strong>
</font>
</DIV>
</TD>
<TD vAlign=top colSpan=2> </TD>
<TD vAlign=top rowSpan=7> </TD>
<TD> </TD>
</TR>
<TR>
<TD vAlign=center rowSpan=3 colSpan=4>
<DIV align=center>
<span class>
<font style="FONT-SIZE: 12px" color=#000000>
<img border=0 alt="" src="http://img04.taobaocdn.com/imgextra/i4/T2uhlsXapMXXXXXXXX-711474473.gif" width=226 height=66>
</font>
</span>
</DIV>
</TD>
<TD height=22> </TD>
</TR>
<TR>
<TD height=21 vAlign=top> </TD>
<TD> </TD></TR>
<TR>
<TD vAlign=top rowSpan=2>
<DIV align=center>
<span class=imgneirong2>
<font style="FONT-SIZE: 12px" color=#000000>
<A href="http://mcstu.taobao.com/" target=_blank>
<img style="WIDTH: 80px; HEIGHT: 80px"border=0 alt="" src="http://img03.taobaocdn.com/imgextra/i3/T2y9pyXdBMXXXXXXXX-428984418.jpg" width=80 height=80>
</A>
</font>
</span>
</DIV>
</TD>
<TD height=28> </TD>
</TR>
<TR>
<TD vAlign=top rowSpan=3 colSpan=4> </TD>
<TD height=56> </TD>
</TR>
<TR>
<TD vAlign=top rowSpan=2> </TD>
<TD height=14> </TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<script type="text/javascript">
var defaultPicUrl = 'http://www35.tx8.cn/photo/339372592/2011619162029695T26j4fXgBMXXXXXXXX_%21%21315186851.jpg';
var smallPicList = document.getElementsByClassName('imgneirong2');
var bigPic = document.getElementsByClassName('imgneirong')[0].getElementsByTagName('img')[0];
var smallPics = [];
for (var i = 0, len = smallPicList.length; i < len; ++i) {
smallPics[i] = smallPicList[i].getElementsByTagName('img')[0];
(function(i) {
smallPicList[i].onmouseover = function() {
bigPic.setAttribute('src', smallPics[i].getAttribute('src'));
};
smallPicList[i].onmouseout = function() {
bigPic.setAttribute('src', defaultPicUrl);
};
}(i));
}
</script>
</body>
</html>