参见:https://jsfiddle.net/8osg70fp/
当鼠标悬停在对面的 div 上时,我想像在 fiddle 中那样缩放页面右侧的图像。
我知道它符合这种格式,但我无法让它发挥作用。
var treecontainer=document.getElementById('treecontainer'); //DIV=TREECONTAINER
$(treecontainer).mouseover(function(){
/*CHANGE IMAGE'S CSS HERE*/
});
$(treecontainer).mouseleave(function(){
/*CHANGE IMAGE'S CSS BACK HERE*/
});
最佳答案
请看。如果这不是您需要的,请告诉我。
.container {
display: flex;
justify-content: space-between;
margin: 20px;
}
.myhover {
width: 100px;
height: 100px;
background-color: blue;
}
.myhover:hover + .scaleme {
transform: scale(1.2);
}
<div class="container">
<div class="myhover"></div>
<img class="scaleme" src="http://placehold.it/100">
</div>
关于javascript - 在单独的 div 悬停上缩放图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44540215/