html代码

            
                                     
                         
     
            
      
                       
        
                             
1
JAN
                             
2
FER
                             
3
MAR
                        
                        
                             
4
APR
                             
5
MAY
                             
6
JUN
                        
                        
                             
7
JUL
                             
8
AUG
                             
9
SEP
                        
                        
                             
10
OCT
                             
11
NOV
                             
12
DEC
                        
                   
      
            
      
                    
     
                            

css代码

1 *{ 2     margin: 0; 3     padding: 0; 4 } 5 #bjdiv{ 6     width: 20%; 7     height: 600px; 8     margin: 0 auto; 9     background-color: beige;10     margin-top: 50px;11 12     13 }14 td{15     background-color: black;16     padding: 15px;17     color: white;18 }19 table{20     21     22 }23 #xsdiv{24     width: 50%;25     height: 100px;26     background-color: blue;27     margin: 0 auto;28     margin-bottom: 50px;29 }

jquery代码

1 //javascript Document 2 var tdobj = null; 3 var xiadivobj = null; 4 $(function(){ 5     initdom(); 6     addEent(); 7 }) 8 function initdom(){ 9     tdobj = $("td");10     xiadivobj = $("#xsdiv");11 }12 function addEent(){13     　　tdobj.mouseover(function(){14         tdobj.css("color","white");15         $(this).css("color","red");16         xiadivobj.html($(this).attr('date'));17     });18 }

引入了一个jQuery的文件