我的网页顶部有一个菜单栏,有4-5个asp.net按钮,代码包含在母版页中。我希望所有按钮在鼠标悬停时执行某些操作,因此我将循环分配事件:
function pageLoad() {
var buttons = document.getElementsByClass("headerButton");
for (i = 0; i < buttons.length; i++) {
var b = buttons[i];
b.onmouseover = function (element) {
return function () {
element.style.fontWeight = "bold";
}
} (b);
b.onmouseout = function (element) {
return function () {
element.style.fontWeight = "normal";
}
} (b);
}
当然这仅适用于内容页面。我相信Page_Load永远不会在母版页上触发,所以当我尝试将这些代码放在母版上时,什么都不会发生。有人知道这是怎么做的吗?
答案 0 :(得分:1)
我一定错过了什么......你为什么不用CSS处理这个?
.headerButton {
font-weight: normal;
}
.headerButton:hover {
font-weight: bold;
}