CSS hover时间改变图片src属性

1、html代码

<div class="submenu" style="position:relative;width:220px;height:50px;background:#051f4d;margin:5px 0 5px 0;">
            <img src="img/rightAngle1.png" style="position:absolute;top:0px;left:0px;width:10px;"/>
            <img src="img/rightAngle2.png" style="position:absolute;top:0px;left:210px;width:10px;"/>
            <img src="img/rightAngle3.png"style="position:absolute;top:40px;left:210px;width:10px;"/>
            <img src="img/rightAngle4.png" style="position:absolute;top:40px;left:0px;width:10px;"/>
            <img src="img/mapLogo1.png" style="position:absolute;top:10px;left:10px;width:30px;"/>
            <div class="subMenuTitle">防汛专题图</div>
            <div class="subMenuArrow"></div>
        </div>

2、CSS定义

.submenu:hover{
            color:yellow;
            transform:scale(1.1);
        }
        .submenu:hover div{
            color:yellow;
        }
        .submenu:hover div{
            color:yellow;
        }
        .submenu:hover .subMenuArrow{
            background:url('img/arrowYellow.png') no-repeat;
        }
        
        .subMenuTitle{
            position:absolute;
            top:12px;
            left:50px;
            font-size:18px;
            font-weight:bold;
            color:white
        }
        .subMenuArrow{
            position:absolute;
            top:15px;
            right:10px;
            width:20px;
            height:20px;
            background:url('img/arrowWhite.png') no-repeat;
        }

3、效果图