js img中设置hover

/* 默认图片样式 */
img.hover-effect {
    transition: transform 0.3s; /* 平滑过渡效果 */
}

/* hover时的图片样式 */
img.hover-effect:hover {
    transform: scale(1.1); /* 放大图片 */
}

// 获取所有的img元素
var images = document.getElementsByTagName('img');

// 遍历所有图片，并为它们添加hover-effect类
for (var i = 0; i < images.length; i++) {
    images[i].classList.add('hover-effect');
}

// 假设有一个函数来决定是否为图片添加hover效果
function shouldAddHoverEffect(image) {
    // 这里可以放置你的逻辑
    return true; // 或者 false
}

// 遍历所有图片，并根据条件添加hover-effect类
for (var i = 0; i < images.length; i++) {
    if (shouldAddHoverEffect(images[i])) {
        images[i].classList.add('hover-effect');
    }
}