在Asp.net主页面中分配JavaScript事件

Question

I have a menu bar across the top of my web page with 4-5 asp.net buttons, the code is contained in the master page. I want all the buttons to do something on mouse over, so I am assigning the events in a loop like so:

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

Of course this only works on content pages. Page_Load never fires on the master page, I believe, so when I try putting this code on the master nothing ever occurs. Anyone know how this is meant to be done?

Answer 1

I must be missing something... Why would you just not handle this with CSS?

.headerButton {
 font-weight: normal;
}

.headerButton:hover {
 font-weight: bold;
}