$(document).ready(function() {
    $("#span1").css("color", "White");
    $("#span2").css("color", "White");
    $("#span3").css("color", "White");
    $("#span4").css("color", "White");
    $("#span5").css("color", "White");
    $("#span6").css("color", "White");
    $("#span7").css("color", "White");
    $("#span8").css("color", "White");
    $("#span9").css("color", "White");
    //鼠标划过的时候
    $("#td1").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span1").css("font-size", "14px");
        $("#span1").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span1").css("font-size", "12px");
        $("#span1").css("color", "White");
    });
    $("#td2").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span2").css("font-size", "14px");
        $("#span2").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span2").css("font-size", "12px");
        $("#span2").css("color", "White");
    });
    $("#td3").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span3").css("font-size", "14px");
        $("#span3").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span3").css("font-size", "12px");
        $("#span3").css("color", "White");
    });
    $("#td4").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span4").css("font-size", "14px");
        $("#span4").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span4").css("font-size", "12px");
        $("#span4").css("color", "White");
    });
    $("#td5").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span5").css("font-size", "14px");
        $("#span5").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span5").css("font-size", "12px");
        $("#span5").css("color", "White");
    });
    $("#td6").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span6").css("font-size", "14px");
        $("#span6").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span6").css("font-size", "12px");
        $("#span6").css("color", "White");
    });
    $("#td7").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span7").css("font-size", "14px");
        $("#span7").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span7").css("font-size", "12px");
        $("#span7").css("color", "White");
    });
    $("#td8").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span8").css("font-size", "14px");
        $("#span8").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span8").css("font-size", "12px");
        $("#span8").css("color", "White");
    });
    $("#td9").mouseover(function() {
        $(this).css("background-color", "#0099ff");
        $("#span9").css("font-size", "14px");
        $("#span9").css("color", "Yellow");
    }).mouseout(function() {
        $(this).css("background-color", "");
        $("#span9").css("font-size", "12px");
        $("#span9").css("color", "White");
    });
});