JavaScript图像作为按钮(onClick)

Question

我对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>

Answer 1

您的代码中存在一些JavaScript语法错误.

$("#picture_on")

不要使用多字节字符作为分隔符.更改”到"或'.在使用正确的语法之前,您的代码工作正常.检查这个小提琴.

<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>