元素从鼠标下移出后(在所有浏览器中),悬停状态为粘性

cursor: pointer;

div:hover {
  background-color: #eee;
  /* 其他样式设置 */
}

// 获取元素
const element = document.querySelector('div');

// 鼠标悬停时更改背景颜色
element.addEventListener('hover', function () {
  this.style.backgroundColor = '#eee';
});

@keyframes hoverEffect {
  0% {
    height: 60px;
    background-image: url(image.jpg);
  }
  100% {
    height: 100px;
    background-image: url(image-hover.jpg);
  }
}

/* CSS样式 */
div {
  height: 60px;
  background-image: url(image.jpg);
  animation: hoverEffect 2s;
}

/* JavaScript代码 */
const element = document.querySelector('div');

element.addEventListener('hover', function () {
  element.style.height = '100px';
  element.style.backgroundImage = 'url(image-hover.jpg)';
});