js运用show()和hide()方法的使用，使用移入和移出事件实现显示和隐藏效果图片

在JavaScript中，`show()` 和 `hide()` 是两个常用的DOM操作方法，它们通常用于HTML元素的显示和隐藏。这两个方法主要用于JQuery库中，如果你直接使用原生JavaScript，你需要通过修改元素的`style.display`属性来控制显示和隐藏。

例如：

// 显示元素
element.show();

// 隐藏元素
element.hide();

要结合鼠标移入（mouseenter）和移出（mouseleave）事件来实现更丰富的动态效果，比如当鼠标移入图片时显示，移出时隐藏，你可以这样做：

let imageElement = document.getElementById('your-image-id');

imageElement.addEventListener('mouseenter', function() {
  this.style.display = 'block'; // 或者 'inline', 根据需要
});

imageElement.addEventListener('mouseleave', function() {
  this.style.display = 'none'; // 隐藏元素
});

在这里，`your-image-id`应该替换为你实际图片的id。请注意，这种简单的事件监听并不支持跨浏览器兼容性，因为不是所有现代浏览器都支持`mouseenter`和`mouseleave`。如果需要更好的兼容性，可以考虑使用`mouseover`和`mouseout`代替。