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脚本语言变换其背景图片,当鼠标移开的时候再变回来原来的图片。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章