css鼠标悬停在div里面触发两个动画呢，放大图片和图片上面div变色

电脑 2024-11-10

关于div和css的问题，请大神帮帮忙啊！我想实现鼠标悬浮在一个div上另一个div变色，具体如何实现呢？

今天刚弄这个！我用的JQ， $().hover(function(){ $(this).css().siblings().css(); }); 重点在siblings()，会选中同辈的其它标签。

css代码完成鼠标悬停时，图片边框和大小的变化

变色：使css的动画animate可以实现。放大：使用css的过渡效果translate就可以了实现如果你要同时实现，那就都用animate，样式代码写在一起

css控制鼠标经过一下块时它所在的div背景变色，我用了一个div，里面有两个ul，当鼠标经过两个

ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	width:500px;
	height:300px;
	background:#e9e9e9;
	position:relative;
}
ulli{display:inline-block;}
.num{
	z-index:2;
	position:absolute;
	bottom:10px;
	border:solid1pxgray;
	line-height:2em;
	padding:01em;
	cursor:pointer;
}
.n1{right:110px}
.n2{right:60px}
.n3{right:10px}
.pic{
	z-index:1;
	display:none;
	width:100%;
	height:100%;
	position:absolute;
}
.p1{background:red;}
.p2{background:orange;}
.p3{background:green;}
.num:hover{
	color:white;
	background:#aeaeae;
}
.num:hover+.pic{
	display:block;
}