JavaScript 图像作为按钮 (onClick)答案

【问题标题】：JavaScript image as a button (onClick)JavaScript 图像作为按钮 (onClick)
【发布时间】：2015-08-13 05:05:06
【问题描述】：

我在使用 JavaScript 时遇到了一点问题，想知道您是否可以帮助我。我有一张图片和一段视频。我希望能够单击图像并使视频具有半透明度。我不太明白为什么我的代码不起作用。

图片

<img src="James Outlined.jpg" id="picture_on">

iFrame

<iframe width="630" height="350" src="https://www.youtube.com/embed/MmB9b5njVbA" frameborder="0" allowfullscreen id="MinecraftVideo"></iframe>

JavaScript 代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

    $(document).ready(function(){
    $(“#picture_on”).click(function(){
    $(“#MinecraftVideo”).animate({
    opacity: '0.5'
        });
      });
    });

</script>

【问题讨论】：

你有什么错误吗？？
不要使用多字节字符作为分隔符。将” 更改为"。
代码没问题：jsfiddle.net/72urv0t4
代码不正确，因为它无效！检查分隔符。
我正在运行包含代码的 html 文档，在 chrome 中。但是，当我点击图片时，视频的透明度没有变化。

标签： javascript jquery image button

【解决方案1】：

您的代码中有一些 JavaScript 语法错误。

$(“#picture_on”)

不要使用multibyte characters 作为分隔符。将” 更改为" 或'。在使用正确的语法之前，您的代码运行良好。检查此Fiddle。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
$(document).ready(function(){
    $("#picture_on").click(function(){
        $("#MinecraftVideo").animate({
            opacity: '0.5'
        });
    });
});
</script>

【讨论】：

【解决方案2】：

JavaScript 图像作为按钮：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#picture_on").click(function(){
            $("#MinecraftVideo").animate({
                opacity: '0.5'
            });
        });
    });
</script>

【讨论】：