.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;");
}
}
<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;");
}
}
相关文章推荐
- .net LinkButton鼠标经过改变字体的样式
- EXT.NET GridPanel 鼠标经过时字体加粗以及改变颜色
- 扩展GridView控件(1) - 鼠标经过行时改变行的样式
- gridview鼠标经过某行改变样式、颜色并且单击弹出窗口
- 扩展GridView控件(1) - 鼠标经过行时改变行的样式
- 扩展GridView控件(一)——鼠标经过行时改变行的样式
- javascript鼠标经过背景色和字体颜色改变
- 鼠标经过行时改变gridview行的样式的功能
- 超链接鼠标经过 点击 点击时 点击后 字体颜色样式
- GridView控件----鼠标经过行时改变行的样式
- GridView里的一点小功能:截取多余字符、改变鼠标经过行的样式
- GridView控件(一)——鼠标经过行时改变行的样式
- 扩展GridView控件(1) - 鼠标经过行时改变行的样式
- GridView里的一点小功能:截取多余字符、改变鼠标经过行的样式
- jquery练习5 鼠标经过改变样式(TBC)
- CSS之鼠标经过字体光标形状的改变
- 扩展GridView控件(1) - 鼠标经过行时改变行的样式
- GridView里的一点小功能:截取多余字符、改变鼠标经过行的样式
- gridview鼠标经过某行改变样式、颜色并且单击弹出窗口
- 扩展GridView控件(1) - 鼠标经过行时改变行的样式