淡入淡出<img/>

时间:2017-09-17 01:27:12

标签: javascript jquery html css

我尝试淡入淡出一些图像,然后使用img src="",因为它显示了完整的图片。如果我使用一个类或ID,它只显示一半的图片,所以我想要完成的是当用户点击图像时它将淡出该图像并淡化另一个图像。

&#13;
&#13;
function clickimageone(l) {
  alert("test");
  question1button1 = true;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="img/firstquestion.jpg" onclick="questionone()" class="question1" style="height: 350px; width: 600px; position: absolute; top: 130px; left: 620px">
<div class="image"><img src="img/500.png" onclick="clickimageone(this)" class="border1" style="height: 500px; max-height: 150px;  max-width: 300px; position: absolute; top: 500px; left: 650px"></div>
<div class="image"><img src="img/1000.png" onclick="clickimagetwo(this)" class="border2" style="height: 500px; max-height: 150px; max-width: 300px; position: absolute; top: 500px; left: 780px"></div>
<div class="image"><img src="img/1500.png" onclick="clickimagethree(this)" class="border3" style="height: 500px; max-height: 150px; max-width: 300px; position: absolute; top: 500px; left: 910px"></div>
<div class="image"><img src="img/2000.png" onclick="clickimagefour(this)" class="border4" style="height: 500px; max-height: 150px; max-width: 300px; position: absolute; top: 500px; left: 1040px"></div>
<img src="test.jpg" class="questiontwo" style="display:hidden;">

<Script>
  $('.border1').click(function(e) {
    $('.image, .border1, .border2, .border3, .border4, .question1, .contentanswer, .contentbackground').fadeOut('slow', function() {
      $('.questiontwo').fadeIn('slow');
    });
  });
</Script>
&#13;
&#13;
&#13;

我能否淡入淡出img标签?

1 个答案:

答案 0 :(得分:0)

我只是在编辑错误的文件,这就是为什么母亲正在发生的事情