前台代码
<asp:LinkButton runat="server" Text="添加链接" ID="addURL" οnmοuseοver="onmouseovered(this.id)" οnmοuseοut="onmouseouted(this.id)" OnClick="addURL_Click" CssClass="addURL"></asp:LinkButton>
<asp:LinkButton runat="server" Text="返回链接列表" ID="back" οnmοuseοver="onmouseovered(this.id)" οnmοuseοut="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;");
}
}