Назначение событий javascript на главной странице Asp.net

Question

У меня есть строка меню в верхней части моей веб-страницы с 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 никогда не запускается на главной странице, поэтому, когда я пытаюсь поместить этот код на главную страницу, ничего не происходит. Кто-нибудь знает, как это должно быть сделано?

Answer 1

Я, должно быть, что-то упустил ... Почему бы вам просто не справиться с этим с помощью CSS?

.headerButton {
 font-weight: normal;
}

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