以下是一个简单的JSP页面示例,展示了如何通过CSS和JavaScript实现鼠标悬停时文字对应图片的变换效果。
```jsp

.hover-image {
width: 300px;
height: 200px;
overflow: hidden;
position: relative;
}
.hover-image img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: transform 0.5s ease;
}
.hover-image:hover img {
transform: scale(1.2);
}







