您的位置:首页 > Web前端 > CSS

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

2016-11-21 23:50 405 查看
前台代码

 <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;");

            }

        }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  web开发 .net ASP.NET