js中的事件-鼠标悬浮和离开事件onmouseover和onmouseout

1、 HTML

    
    
    
    
    
    


    

        
欢迎使用水果库存系统
        

            

                

                    

                    
名称
                    
单价
                    
数量
                    
小计
                    
操作
                
                
                
                

                    

                    
苹果
                    
5
                    
2
                    
10
                    

                
                

                    

                    
菠萝
                    
3
                    
5
                    
15
                    

                
                

                    

                    
哈密瓜
                    
4
                    
5
                    
20
                    

                
                

                    

                    
葡萄
                    
10
                    
5
                    
50
                    

                
                

                    

                    
青梅
                    
10
                    
5
                    
50
                    

                
                

                    

                    
人参果
                    
10
                    
5
                    
50
                    

                
                

                    

                    
菠萝蜜
                    
10
                    
5
                    
50
                    

                
                

                    

                    
西红柿
                    
10
                    
5
                    
50
                    

                
            
        
    

 2、demo09.css

*{
    color:rgb(3, 31, 2);
    font-weight: lighter;
}
body{
    padding:0;
    margin:0;
    background-color: rgb(3, 31, 2);
}
#div0{
    width:80%;
    border:0px solid red;
    background-color: rgb(209, 230, 235);
    margin-left:10%;
    padding-top:48px;
    padding-bottom:48px;
    margin-top:8px;
}
#div_title{
    width:80%;
    margin-left:10%;
    text-align: center;
    font-size:24px;
    letter-spacing: 4px;
    margin-bottom:16px;
}

#div2{
    margin-left:10%;
    border:0px solid red;
    width:80%;
}

.delBtn{
    width:16px;
    height:16px;
}
#fruit_tbl , #fruit_tbl td, #fruit_tbl th {
    border:1px solid lightgray;
    text-align: center;
}
#fruit_tbl{
    width:100%;
    line-height: 32px;
    border-collapse: collapse;
}
.w10{
    width:10%;
}
.w15{
    width:15%;
}
.w20{
    width:20%;
}