使用HTML5和Javascript进行多图像翻转

Question

好的...我似乎无法获得第三个图像，并且由于我的JS技能很差，所以我知道它。 我认为这是某个地方的语法错误。 有人可以告诉我我在做什么错吗？：

<script>
    function turnSwitchOn(img) {
        if (img.id == "fb") {
            img.src = "/images/facebook_on.png"
        }
        else if (img.id == "twitter") {
            img.src = "/images/twitter_on.png"
        }
        else if (img.id == "su") {
            img.src = "/images/su_on.png"
        };
    }
    function turnSwitchOff(img) {
        if (img.id == "fb") {
            img.src = "/images/facebook_off.png"
        }
        else if (img.id == "twitter") {
            img.src = "/images/twitter_off.png"
        }
        else if (img.id == "su") {
            img.src = "/images/su_off.png"
        }
    }
</script>

而我的HTML：

<ul id="social">
            <li class="social-item">
                <a runat="server" href="http://www.facebook.com/">
                    <asp:Image ID="fb" class="social-item" runat="server" ImageUrl="~/images/facebook_off.png" BorderStyle="None" alt="Like Us on Facebook" title="Like Us on Facebook" onMouseOver="turnSwitchOn(this)" onMouseOut="turnSwitchOff(this)" />
                </a>
            </li>
            <li class="social-item">
                <a runat="server" href="http://twitter.com/">
                    <asp:Image ID="twitter" class="social-item" runat="server" ImageUrl="~/images/twitter_off.png" BorderStyle="None" alt="Follow Us on Twitter" title="Follow Us on Twitter" onMouseOver="turnSwitchOn(this)" onMouseOut="turnSwitchOff(this)" />
                </a>
            </li>
            <li class="social-item">
                <a runat="server" href="http://www.stumbleupon.com/submit?url=">
                    <asp:Image ID="su" class="social-item" runat="server" ImageUrl="~/images/stumble_upon_off.png" BorderStyle="None" alt="Post Us to Stumble Upon" title="Post Us to Stumble Upon" onMouseOver="turnSwitchOn(this)" onMouseOut="turnSwitchOff(this)" />
                </a>
            </li>
        </ul>

Answer 1

图像名称不正确。 在html中为“ stumble_upon_off.png”，在js中为“ su_off.png”。