如何调用JS函数，在web层实现 鼠标滑过imgbutton实现 img变成本地的附加的图片

        function MM_swapImgRestore() { //v3.0
            var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
        }

        function MM_preloadImages() { //v3.0
            var d = document; if (d.images) {
                if (!d.MM_p) d.MM_p = new Array();
                var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
                    if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
            }
        }

        function MM_findObj(n, d) { //v4.01
            var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
                d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
            }
            if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
            for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
            if (!x && d.getElementById) x = d.getElementById(n); return x;
        }

        function MM_swapImage() { //v3.0
            var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
                if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
        }
        //-->
    </script>
上面函数实现的是图片变换 
          <asp:ImageButton ID="ImgeLogin" runat="server" OnClientClick="return MM_swapImgRestore() "
                    ImageUrl="~/Image/Login/OK按钮.gif" />

求高手解答  如何实现这个功能！     让imgbutton的图片变换  ！ --------------------编程问答-------------------- 基本原理：发生onmouseover事件时，给ImageButton1.src="images/a.jpg";
用js操作。其他花哨的效果都是基于此基本原理的。 --------------------编程问答-------------------- 引用jquery.js,并设计两张图片，1.png和2.png

<form id="form1" runat="server">

    <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/1.png" />

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script>

        var obj = $('#<%=ImageButton1.ClientID %>');

        obj.bind("mouseover", function () {

            obj.attr("src", "2.png");

        }).bind("mouseout", function () {

            obj.attr("src", "1.png");

        });

    </script>

    </form>

--------------------编程问答-------------------- 贴页面源文件.

补充：.NET技术 ,  ASP.NET