首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

imagebutton控件的有关问题求教

2013-06-19 
imagebutton控件的问题求教!想鼠标放到imagebutton上面就更换图片,是用onmouseover然后在JS中写个function

imagebutton控件的问题求教!
想鼠标放到imagebutton上面就更换图片,是用onmouseover然后在JS中写个function对吧。但是我的imagebutton控件是在datalist中的,在实际测试中鼠标放到imagebutton并没有反应。这是怎么回事。我在单独的测试imagebutton都可以变化图片的。

<asp:DataList ID="DataList1" runat="server" RepeatColumns="1">
            <ItemTemplate>
                <table style="width:100%;">
                    <tr>
                        <td colspan="2">
                            <asp:Label ID="Label1" runat="server"  Text='<%# Eval("ProductName") %>'></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="8">
                            <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("Imgurl") %>' />
                        </td>
                        <td>
                            商品ID:<asp:Label ID="Label2" runat="server"    Text='<%# Eval("ProductID") %>'></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            价格: ¥<asp:Label ID="Label3" runat="server"    Text='<%# Eval("Price") %>'></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>


                            出版社:<asp:Label ID="Label4" runat="server"  Text='<%# Eval("Supplier") %>'></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            作者:<asp:Label ID="Label5" runat="server" Text='<%# Eval("Author") %>'></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            出版日期:<asp:Label ID="Label6" runat="server" 
                                Text='<%# Eval("Pubdate","{0:yyyy年MM月dd日}") %>'></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            库存剩余:<asp:Label ID="Label7" runat="server" Text='<%# (int)Eval("Kucun")-(int)Eval("sell")%>'></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                           </td>
                    </tr>


                    <tr>
                        <td>
                            <asp:ImageButton ID="ImageButton1" runat="server" onmouseover="changeImg()" onmouseout="rechangeImg()" 
                                CommandArgument='<%# Eval("ProductID") %>' ImageUrl="~/imags/素材/购买1.PNG" 
                                onclick="ImageButton1_Click"   />
                        </td>
                    </tr>
                </table>
            </ItemTemplate>
        </asp:DataList>

ASP 控件
[解决办法]
function changeImg(obj) {
    obj.src = 'imags/素材/购买2.PNG';
}
function rechangeImg() {
    obj.src = 'imags/素材/购买1.PNG';
}

调用
changeImg(this)

热点排行