4.2 更好的翻转器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="20">
    <link rel="stylesheet" href="myCSS.css">
    <script>
        window.onload = function () {
            var myImage = document.getElementById("myImageID");
            myImage.overImage = "src/test_on.png";// 网络获取的图片
            myImage.leaveImage = "src/test_off.png";// 网络获取的图片2
            
            myImage.onmouseover = function () {
                myImage.src = myImage.overImage;
            };
            myImage.onmouseout = function () {
                myImage.src = myImage.leaveImage;
            }
        };
    </script>
</head>
<body>
<img id="myImageID" src="src/test_on.png">
</body>
</html>