Css 如何调用c#按钮单击鼠标

我正在开发购物车应用程序，我已经在列表视图中列出了所有产品。然后单击每个产品的按钮，图像滑块将发生变化。现在我想让它在鼠标上方，而不是点击。下面是我试图实现的代码

ASP

 <div class="col-md-12 ">
                <div class="col-md-4 single_left pull-left">
                    <div class="flexslider">
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                            <ContentTemplate>
                                <asp:Repeater runat="server" ID="Repeater">
                                    <HeaderTemplate>
                                        <ul class="slides">
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <li data-thumb='<%# "assets/products/"+DataBinder.Eval(Container.DataItem, "Image1") %>'>
                                            <asp:Image ID="image5" runat="server"
                                                ImageUrl='<%# "assets/products/"+DataBinder.Eval(Container.DataItem, "Image1") %>' />
                                        </li>
                                    </ItemTemplate>
                                    <FooterTemplate>
                                        </ul>
                                    </FooterTemplate>
                                </asp:Repeater>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>
                    <script defer src="assets/js/jquery.flexslider.js"></script>
                    <link rel="stylesheet" href="assets/css/flexslider.css" type="text/css" media="screen" />
                    <!-- FlexSlider -->
                    <div class="caption">
                        <strong>
                            <asp:Label ID="lblPrice" runat="server" Text="*"></asp:Label></strong>
                        <strong>
                            <asp:Label ID="ItemCode" runat="server" Text="*"></asp:Label></strong>
                        <p>
                            <small><strong>
                                <asp:Label ID="lblDesc" runat="server" Text="*"></asp:Label>
                            </strong></small>
                            <br />
                            <asp:Label ID="lblID" Style="display: none;" runat="server" Text='<%# Eval("ID")  %>'></asp:Label>
                            <small>
                                <asp:Label ID="lblMsg" runat="server" Text="*" ForeColor="#990000"></asp:Label>
                            </small>
                            <br />
                        </p>
                        <asp:TextBox ID="txtqty" type="number" class="form-control" Text="0" runat="server"></asp:TextBox>
                    </div>
                    <asp:LinkButton ID="btnSubmit" type="submit" CssClass="add-cart item_add" runat="server" OnClick="btnSubmit_Click"><i class="fa fa-save"></i> Add to Cart</asp:LinkButton>
                    <script>
                        // Can also be used with $(document).ready()
                        $(window).load(function () {
                            $('.flexslider').flexslider({
                                animation: "slide",
                                controlNav: "thumbnails"
                            });
                        });
                    </script>
                </div>
                <div class="col-md-8 single-top-in simpleCart_shelfItem">
                    <asp:ListView ID="ImagesList" runat="server"
                        DataKeyNames="ID"
                        GroupItemCount="15"
                        OnPagePropertiesChanging="ImagesList_PagePropertiesChanging" OnSelectedIndexChanged="OnSelectedIndexChanged">
                        <EmptyDataTemplate>
                            No Images found.
                        </EmptyDataTemplate>
                        <LayoutTemplate>
                            <table>
                                <tr runat="server" id="groupPlaceholder" />
                            </table>
                        </LayoutTemplate>
                        <GroupTemplate>
                            <tr>
                                <td runat="server" id="itemPlaceholder" />
                            </tr>
                        </GroupTemplate>
                        <ItemTemplate>
                            <td>
                                <asp:LinkButton ID="LBtn" runat="server"
                                    CommandName="Change"
                                    OnCommand="btnDetails_Command"
                                    CommandArgument='<%# Eval("Notes") %>'>
                                   <img src='<%#"assets/products/"+Eval("ImageUrl").ToString() %>' class="image" style="Width:50px;Height:50px" alt="Change" onmouseover="this.OnCommand"  />
                                </asp:LinkButton>
                            </td>
                        </ItemTemplate>
                    </asp:ListView>
                </div>
                <div class="clearfix"></div>
                <!---->
            </div>

我必须说，您触发点击的鼠标移动方法似乎不是正确的解决方案。（只是说）

无论如何-将代码更改为：

<asp:LinkButton ... CssClass="myButton"
  ...                   
</asp:LinkButton>

我必须说，你触发点击的鼠标移动方法似乎不是正确的解决方案。（只是说）

无论如何-将代码更改为：

<asp:LinkButton ... CssClass="myButton"
  ...                   
</asp:LinkButton>

---

有没有其他方法可以达到同样的效果，因为有300多种产品，每种产品都有3张图片可以在幻灯片中显示。我有一个要求，当鼠标移到滑块上时，我想更改滑块中的图像。我是个新手，所以这是我唯一的想法。是的，我试过了，正如你所说，这并不理想。页面上的每只鼠标都在跳跃。我应该找一些替代品。感谢您的帮助。@Developer使用ajax或像angular/backbone这样的FW库。（不是更新面板）。有没有其他方法可以达到相同的效果，因为有300多个产品，每个产品都有3个图像可以在幻灯片中显示。我有一个要求，当鼠标移到滑块上时，我想更改滑块中的图像。我是个新手，所以这是我唯一的想法。是的，我试过了，正如你所说，这并不理想。页面上的每只鼠标都在跳跃。我应该找一些替代品。感谢您的帮助。@Developer使用ajax或像angular/backbone这样的FW库。（不是更新面板）。