<table style="height:303px; width:456px;" border="0" cellpadding="0" cellspacing="0" align="center">
<script type="text/javascript" language="javascript">
function changeImage(group, index) {
var selectedCatalog = group[index];
var selectedCatalogId = selectedCatalog.catalogId;
var length = group.length;
for (var i = 0; i < length; i++) {
var catalog = group[i];
var catalogId = catalog.catalogId;
var catalogElement = document.getElementById('catalog_' + catalogId); //当鼠标移动在上面的时候,显示对应的新闻
var catalogDetailsElement = document.getElementById('catalog_details_' + catalogId);
if (selectedCatalogId == catalogId) {
// 当前选中的栏目
catalogElement.src = catalog.mouseoverImage;
catalogDetailsElement.style.display = '';
}
else {
//当前未选中的栏目
catalogElement.src = catalog.mouseoutImage;
catalogDetailsElement.style.display = 'none';
}
}
}
</script>
<tr height="35">
<script type="text/javascript" language="javascript">
var group_dongtai = new Array
(
{ catalogId: 'xinwendongtai', mouseoverImage: 'images/xwdt2.jpg', mouseoutImage: 'images/xwdt1.jpg' },
{ catalogId: 'guihuadongtai', mouseoverImage: 'images/ghdt2.jpg', mouseoutImage: 'images/ghdt1.jpg' },
{ catalogId: 'hangyedongtai', mouseoverImage: 'images/hydt2.jpg', mouseoutImage: 'images/hydt1.jpg' }
);
</script>
<td><img id="catalog_xinwendongtai" onmouseover="changeImage(group_dongtai, 0);" src="images/xwdt2.jpg" width="152px" height="35px" alt="" /></td>
<td><img id="catalog_guihuadongtai" onmouseover="changeImage(group_dongtai, 1);" src="images/ghdt1.jpg" width="152px" height="35px" alt="" /></td>
<td><img id="catalog_hangyedongtai" onmouseover="changeImage(group_dongtai, 2);" src="images/hydt1.jpg" width="152px" height="35px" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<table id="catalog_details_xinwendongtai" border="0" cellpadding="0" cellspacing="0" style=" width:100%; height:100%;">
<tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">
<asp:DataList ID="news" runat="server">
<ItemTemplate>
<table>
<tr style="width:456px; height:303px">
<td>
<asp:HyperLink ID="news1" Text="1" runat="server"></asp:HyperLink>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
</tr>
<%-- <tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="33" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="33" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="32" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="32" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>--%>
<tr>
<td height="32" colspan="3" align="right">更多>></td>
</tr>
</table>
<table id="catalog_details_guihuadongtai" border="0" cellpadding="0" cellspacing="0" style=" width:100%; height:100%; display:none;">
<tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">2</td>
</tr>
<tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">2</td>
</tr>
<tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="33" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="33" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="32" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="32" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="32" colspan="3" align="right">更多>></td>
</tr>
</table>
<table id="catalog_details_hangyedongtai" border="0" cellpadding="0" cellspacing="0" style=" width:100%; height:100%; display:none;">
<tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">3</td>
</tr>
<tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="35" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="33" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="33" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="32" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="32" colspan="3" style="border-bottom:#C0C0C0 dotted 1px;">1</td>
</tr>
<tr>
<td height="32" colspan="3" align="right">更多>></td>
</tr>
</table>
</td>
</tr>
</table>如果将<table>改成<asp:datalist>切换效果就没有了,为什么呢?等待高手解决
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货