用jQuery写一个关于鼠标移动到图片上，形成图片半透明遮罩层

可以使用jQuery的hover()方法和css()方法来实现鼠标移动到图片上时形成半透明遮罩层的效果。代码如下：

HTML代码：

<div class="image-container">
  <img src="your-image-url" alt="your-image">
  <div class="overlay"></div>
</div>

CSS代码：

.image-container {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
  opacity: 0; /* 初始透明度为0 */
  transition: opacity 0.3s ease-in-out; /* 添加渐变效果 */
}

jQuery代码：

$(document).ready(function() {
  $('.overlay').hover(function() {
    $(this).css('opacity', '1'); // 鼠标移入时将透明度改为1
  }, function() {
    $(this).css('opacity', '0'); // 鼠标移开时将透明度改回0
  });
});

这样就可以实现鼠标移动到图片上时形成半透明遮罩层的效果了。