使用jQuery+html+css完成按键点击实现图片或者块级元素的显示、隐藏、淡入、淡出以及半透明动画效果。

以下是使用jQuery+html+css完成按键点击实现图片或者块级元素的显示、隐藏、淡入、淡出以及半透明动画效果的示例代码：

HTML代码：

<button id="showImg">显示图片</button>
<button id="hideImg">隐藏图片</button>
<button id="fadeInImg">淡入图片</button>
<button id="fadeOutImg">淡出图片</button>
<button id="animateImg">半透明动画</button>
<img id="myImg" src="example.jpg">

CSS代码：

#myImg {
  display: none;
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

jQuery代码：

$(document).ready(function(){
  $("#showImg").click(function(){
    $("#myImg").show();
  });
  $("#hideImg").click(function(){
    $("#myImg").hide();
  });
  $("#fadeInImg").click(function(){
    $("#myImg").fadeIn();
  });
  $("#fadeOutImg").click(function(){
    $("#myImg").fadeOut();
  });
  $("#animateImg").click(function(){
    $("#myImg").animate({opacity: 0.5});
  });
});

以上代码中，我们首先在HTML中定义了5个按钮和一个图片元素。在CSS中，我们将图片元素的display属性设置为none，使其一开始不可见，并设置了opacity属性和transition属性，用于实现半透明动画效果。在jQuery中，我们使用了5个click事件，分别对应5个按钮的点击操作，通过调用show()、hide()、fadeIn()、fadeOut()和animate()方法实现了图片的显示、隐藏、淡入、淡出和半透明动画效果。