如何给DataList悬停效果 [英] how to give hover effect to DataList

问题描述

                        <ItemTemplate>
                           <div class="span3">

                               <div class="row">                                                         
                                  <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<%# Eval("product_img") %>'  BorderStyle="Outset" ImageAlign="Top" Width="250px" />
                               </div> 

                               <div class="row" > 
                                <b>product_name:</b> 
                                 <asp:Label ID="product_nameLabel" runat="server" Text='<%# Eval("product_name") %>' />
                               </div>
                               <div class="row"> 
                                 <b>product_description:</b>
                                 <asp:Label ID="product_descriptionLabel" runat="server" Text='<%# Eval("product_description") %>' />
                               </div>
                               <div class="row"> 
                                    <b>product_price:</b>
                                    <asp:Label ID="product_priceLabel" runat="server" Text='<%# Eval("product_price")%>' />
                              </div>
                               <br /><br /><br /><br />
                           </div>

                        </ItemTemplate>

                        <SelectedItemStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />

                    </asp:DataList>

我如何使物品具有悬停效果我使用过jQuery，但是仅对第一项生效有什么办法可以将悬停鼠标悬停效果赋予单个项目

how i can give hover effect to the items i have used jquery but it is taking effect to the first item only is there any way to give hover mouseover effects to individual items

推荐答案

您可以在CSS的行类中使用:hover 选择器，如下所示:

You can use the :hover selector in CSS to the row class like so:

.row:hover {
   /* styling */
}

这篇关于如何给DataList悬停效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！