比如我hover一个div,但我不想要hover的div动画,而是想让另一个div加动画,这应该怎么打。
也可以配合js来实现
如果你DIV是另一个DIV的父亲级,如果是同一级的好像只能有CSS,你具体要实现什么效果!
使用jquery,给这个div加个类,找到它即可。
形如:
$(".div0").hover=(function(){
$(".div1").animate({"width": "200px"};
});
如何要求鼠标移除动画恢复的话,那就分别使用mouseenter和mouseleave函数去操作。
如果div2是子级的话 可以 直接设置 .div1:hover .div2{animation: ~~~}
如果没有父子级关系的只能借助js 给另一个div写act样式里加css3 aimation动画即可
document.querySelector(".div1").addEventListener("hover",function(){
document.querySelector(".div2").classList.add("act");
})
或者直接style添加样式
document.querySelector(".div1").addEventListener("hover",function(){
document.querySelector(".div2").style.animation= ""
})
$("你hover的div").hover(function(){
$("你想要添加动画的div").toggleClass("控制动画效果的class");
})