日期:2014-05-18  浏览次数:20422 次

请问一下,我想多行多列显示同一组字段的结果集,选用什么控件好,该怎么实现?
我想做一个友情链表多行多列图片显示,有鼠标悬浮提示,点击进入相应页面,请问该怎么实现,哪位高手指教下,谢谢

类似如下效果:

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:Gr