【JQuery】光棒效果

使用JQuery前,需要引用Jquery元件

//光棒效果
var _bgColor;  //存放原始的 背景顏色
$(document).ready(function()
{  
    //滑鼠移過時變色 變粗體
    $("tr").hover(function ()
    {
        _bgColor = $(this)[0].style.backgroundColor;
        $(this).css({'background-color' : '#f5f5f5', 'font-weight' : 'bolder'});
    },
    //移除還原顏色
    function () {var cssObj = {'background-color':_bgColor,'font-weight':''}
        $(this).css(cssObj);
    });

    //交替行變色
    var trs =  $("table").find("tr");
    for(i = 0;i<trs.length;i++)
    {
        var obj = trs[i];
        if(i %2 == 0)
            obj.style.backgroundColor = "#F5FAFE";
    }
});

ps:<TR><TD>標籤內的樣式屬性,最好不要設,否則效果跑不出來