Asp.net中實現ImageButton的鼠標移人(出)圖片變換

前邊.Aspx的代碼  
 <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/btn1.png" οnmοuseοut="changeback(this)" οnmοuseοver="changeImg(this)"/>

這是腳本JavaScript腳本:
        <script type="text/javascript">
        function changeImg(btn) //鼠標移入,更換圖片
        {
            btn.src="Images/btn1.png";
        }
        function changeback(btn)  //鼠標移出,換回原來的圖片
        {
            btn.src="Images/btn2.png";
        }
    </script>

說明:在ImageButton控件中加入兩個事件,分別是onmouseover和onmouseout,意思分別是鼠標移入鼠標移出,現在的思路就是當鼠標移入ImageButton控件時通過JavaScript腳本語言變換其背景圖片,當鼠標移開的時候再變回來原來的圖片。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章