div 中 鼠标悬停 和 离开事件 图片修改 和背景修改

.kuan{
       border: 1px solid #1aa094;padding: 10px 0; width: 145px;height:40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #f2f2f2 0px 0px 10px;
    -moz-box-shadow: #f2f2f2 0px 0px 10px;
    box-shadow: #f2f2f2 0px 0px 10px;color: #1aa094;
}
.kuan0{
    position: relative;
    float: inherit;
}
.kuan:hover{
    background: #1aa094;
    color: #ffffff;
}

.kuan0:hover{
    color: #ffffff;
}
.text0 {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    left: 50px;
    top: 16px;
}
.icon0 {
    float: left;
    position: relative;
    left: 10px;
}
.kuan h3 {
    padding-bottom:0px;
    font-size: 16px;
}

 

 

                       

                         οnmοuseοver="this.src='1.png'" οnmοuseοut="this.src='15.png'" />

                       

                            

XXXXXXX

                                 项

                       

                        
                  

 

var Div0 = document.getElementById('Div0');
    var xxxIcon= document.getElementById('xxxIcon');
    Div0 .onmouseover = function(){
        xxxIcon.src = '1.png';
        Div0 .οnmοuseοut=function(){
            xxxIcon.src = '15.png';
        }
    }

 

效果图

 

 

标题