datalist 鼠标滑上滑下图片效果

来源：互联网发布：python空字典编辑：程序博客网时间：2024/04/27 16:10

<asp:DataList ID="DataList1" runat="server" RepeatColumns="3" HorizontalAlign="Left">
                                    <ItemTemplate>
<%--                                    cellpadding="0" cellspacing="1" style="border:5px solid #eae1d8" onMouseOver="this.style.borderColor='#FFCC66';return true;" onMouseOut="this.style.borderColor='#eae1d8';" --%>
                                        <table cellpadding="0" cellspacing="1" style="border:5px solid #eae1d8" onMouseOver="this.style.borderColor='#FFCC66';return true;" onMouseOut="this.style.borderColor='#eae1d8';" >
                                            <tr>
                                                <td style=" text-align: left;padding:10px">
                                                    <a href='zuopinDetail.aspx?Id=<%#Eval("Id") %>' target="_blank">
                                                        <img src='proImg/<%#Eval("proImg") %>' height="150px" width="150px" border="0"
                            /></a>
                                                </td>
                                            </tr>

                                        </table>
                                    </ItemTemplate>
                                </asp:DataList>