我想做一个友情链表多行多列图片显示，有鼠标悬浮提示，点击进入相应页面，请问该怎么实现，哪位高手指教下，谢谢
类似如下效果：
- HTML code
<table cellspacing="0" rules="all" border="0" id="ctl00_MainHolder_PortfolioTypeGrid" style="border-width:0px;width:100%;border-collapse:collapse;"> <tr> <td> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl02_HyperLink1" title="Cre" href="http://www.163.com"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl02_Image1" src="Pictures/Credits/2008121617547.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl02_HyperLink2" title="dits 1" href="http://www.163.com"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl02_Image2" src="Pictures/Credits/2008121617547.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> </td> </tr><tr> <td> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl03_HyperLink1" title="Cre" href="http://www.baidu.com"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl03_Image1" src="Pictures/Credits/20081216175116.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl03_HyperLink2" title="dits 2" href="http://www.baidu.com"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl03_Image2" src="Pictures/Credits/20081216175116.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> </td> </tr><tr> <td> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl04_HyperLink1" title="dfd" href="sdfsdfsdf"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl04_Image1" src="Pictures/Credits/20081216181230.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl04_HyperLink2" title="s" href="sdfsdfsdf"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl04_Image2" src="Pictures/Credits/20081216181230.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> </td> </tr><tr> <td> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl05_HyperLink1" title="sdf" href="fssdfsdf"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl05_Image1" src="Pictures/Credits/20081216181237.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl05_HyperLink2" title="sd" href="fssdfsdf"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl05_Image2" src="Pictures/Credits/20081216181237.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> </td> </tr><tr> <td> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl06_HyperLink1" title="fhg" href="gfhfghfgh"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl06_Image1" src="Pictures/Credits/20081216181242.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl06_HyperLink2" title="fghfgh" href="gfhfghfgh"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl06_Image2" src="Pictures/Credits/20081216181242.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> </td> </tr><tr> <td> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl07_HyperLink1" title="ghg" href="hjh"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl07_Image1" src="Pictures/Credits/20081216181253.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> <a id="ctl00_MainHolder_PortfolioTypeGrid_ctl07_HyperLink2" title="fjkkkk" href="hjh"><img id="ctl00_MainHolder_PortfolioTypeGrid_ctl07_Image2" src="Pictures/Credits/20081216181253.jpg" style="border-color:Gray;border-width:2px;border-style:solid;" /></a> </td> </tr></table>
------解决方案--------------------------------------------------------
DataList可以啊
------解决方案--------------------------------------------------------
手动写Table吧
<asp:table id="tb1" runat="server"></asp:table>
假设你一行显示3条，后台代码：
DataTable dt = 取得数据;
TableRow tr = null;
for(int i=0;i<dt.Rows.Count;i++){
if((i % 3) == 0){
tr = new TableRow();
tb1.Rows.Add(tr);
}
TableCell td = new TableCell();
tr.Cells.Add(td);
td.Text = string.Format("<a href='{0}'><img src='{1}'></a>", dt.Rows[i]["链接"],dt.Rows[i]["图片"]);
}
------解决方案--------------------------------------------------------
datalist
- HTML code
<asp:DataList ID="DataList1" runat="server" RepeatColumns="" RepeatDirection="Horizontal"> </asp:DataList>