SOURCE

$(document).ready(function() {
            $("#seed").bind("click", function() {
                $("img").remove();
                $("#bg").prepend("<img src='https://i.loli.net/2020/05/12/fX6uA9NFqlxPneo.png' />")
            });
            $("#grow").bind("click", function() {
                $("img").remove();   $("#bg").append("<img src='https://i.loli.net/2020/05/12/1NUXRIsvMfHokLh.png' />")
            });
            $("#bloom").bind("click", function() {
                $("img").replaceWith("<img src='https://i.loli.net/2020/05/12/u7XhwqSjGdQ23kR.png' />")
            });
            $("#fruit").bind("click", function() {
                $("<img src='https://i.loli.net/2020/05/12/flgJxYCWsrEDknt.png' />").replaceAll("img");
                $("#img").css({                    
                    "position": "absolute",
                    "top": "15px",
                    "left": "65px"                
                });
            });
        });

<div id="bg">
        <div id="seed"></div>
        <span id="grow"></span>
        <span id="bloom"></span>
        <span id="fruit"></span>
    </div>

div {
            font-size: 12px;
            border: #999 1px hand;
        }
        
        #bg {
            width: 456px;
            height: 266px;
            background-image: url(https://i.loli.net/2020/05/12/evBJc5RbSw7l2jP.jpg);
        }
        /*控制图片*/
        
        img {
            position: absolute;
            top: 85px;
            left: 195px;
        }
        /*控制播种按钮*/
        
        #seed {
            background-image: url(https://i.loli.net/2020/05/12/c7rtQWZkEzKTu4n.png);
            width: 56px;
            height: 56px;
            position: absolute;
            top: 229px;
            left: 49px;
            cursor: hand;
        }
        /*控制生长按钮*/
        
        #grow {
            background-image: url(https://i.loli.net/2020/05/12/r7vxF2GbglS4DRN.png);
            width: 56px;
            height: 56px;
            position: absolute;
            top: 229px;
            left: 154px;
            cursor: hand;
        }
        /*控制开花按钮*/
        
        #bloom {
            background-image: url(https://i.loli.net/2020/05/12/gjMYK1i2yzX7LA9.png);
            width: 56px;
            height: 56px;
            position: absolute;
            top: 229px;
            left: 259px;
            cursor: hand;
        }
        /*控制结果按钮*/
        
        #fruit {
            background-image: url(https://i.loli.net/2020/05/12/v9FMa2P57gqUcpx.png);
            width: 56px;
            height: 56px;
            position: absolute;
            top: 229px;
            left: 368px;
            cursor: hand;
        }