.net LinkButton鼠标经过改变字体的样式

来源:互联网 发布:linux命令退出find 编辑:程序博客网 时间:2024/04/28 19:47

前台代码

 <asp:LinkButton runat="server" Text="添加链接" ID="addURL" onmouseover="onmouseovered(this.id)" onmouseout="onmouseouted(this.id)"  OnClick="addURL_Click" CssClass="addURL"></asp:LinkButton>
            <asp:LinkButton runat="server" Text="返回链接列表" ID="back" onmouseover="onmouseovered(this.id)" onmouseout="onmouseouted(this.id)" CssClass="addURL" OnClick="back_Click"></asp:LinkButton>


使用 onmouseover和onmouseout的js事件 通过各自的id来改变鼠标移动到哪个上面的颜色,


js

 function onmouseovered(Id) {
            if (Id=="addURL") {
                document.getElementById("addURL").setAttribute("style", "color:#CC6600;text-decoration:underline;");
            } if (Id=="back") {
                document.getElementById("back").setAttribute("style", "color:#CC6600;text-decoration:underline;");
            }
                             
        }
        function onmouseouted(Id) {
            if (Id == "addURL") {
                document.getElementById("addURL").setAttribute("style", "color:#0C3F78;text-decoration:none;");
            } if (Id == "back") {
                document.getElementById("back").setAttribute("style", "color:#0C3F78;text-decoration:none;");
            }
        }

0 0
原创粉丝点击