当鼠标悬停在父div上时，同时更改图像和方向

<div id="parentDiv">
  <img id="image" src="original_image.jpg">
</div>

#parentDiv {
  background-color: #ccc;
  cursor: pointer;
}

// 获取父div和图像元素
var parentDiv = document.getElementById('parentDiv');
var image = document.getElementById('image');

// 添加鼠标悬停事件监听器
parentDiv.addEventListener('mouseover', function() {
  // 更改图像源和方向
  image.src = 'new_image.jpg';
  parentDiv.style.transform = 'rotate(90deg)';
});

parentDiv.addEventListener('mouseout', function() {
  // 恢复图像源和方向
  image.src = 'original_image.jpg';
  parentDiv.style.transform = 'rotate(0deg)';
});