用JavaScript写当鼠标移到图片上时，小图片显示红色边框，上面显示与该图片一样阿大图片，当鼠标离开小图片时，小图片的边框不显示

这是一个鼠标移入移出事件的实现。你可以使用JavaScript的addEventListener方法来监听鼠标移入和移出事件，然后通过修改CSS样式来实现红色边框的显示和隐藏。以下是一份示例代码：

HTML:

<img src="small-image.jpg" id="small-image">
<img src="large-image.jpg" id="large-image" style="display: none;">

JavaScript:

const smallImage = document.getElementById('small-image');
const largeImage = document.getElementById('large-image');

smallImage.addEventListener('mouseover', () => {
  smallImage.style.border = '1px solid red';
  largeImage.style.display = 'block';
});

smallImage.addEventListener('mouseout', () => {
  smallImage.style.border = 'none';
  largeImage.style.display = 'none';
});

当鼠标移入small-image时，它的border样式将设置为红色边框，同时large-image将显示出来；当鼠标移出small-image时，红色边框将消失，large-image也将隐藏。