当然，以下是一个简单的JavaScript代码示例，当鼠标悬停在输入框上时，同时更改输入框和图片的样式：，，``html，，，，，，Hover Effect，， #inputBox {， width: 200px;， height: 30px;， border: 1px solid #ccc;， }， #image {， width: 200px;， height: 200px;， background-color: lightgray;， }，，，，，，，， const inputBox = document.getElementById('inputBox');， const image = document.getElementById('image');，， inputBox.addEventListener('mouseover', () => {， inputBox.style.borderColor = 'blue';， image.style.backgroundColor = 'blue';， });，， inputBox.addEventListener('mouseout', () => {， inputBox.style.borderColor = '#ccc';， image.style.backgroundColor = 'lightgray';， });，，，，``，，这个代码在HTML中创建了一个输入框和一个图片区域。当鼠标悬停在输入框上时，输入框的边框颜色和图片的背景颜色都会改变。当鼠标移开时，样式会恢复原状。