如何在将鼠标悬停在另一个div上时更改一个div的外观



首先,我使用的是DW的液态布局格式。我在我的布局中有多个容器,我要找的是当你将鼠标悬停在artwork button1上时,artwork1和button1的不透明度都会改变,继续到artwork12和button12。和vic-a-versa。我尝试使用一些javascript在那里-特别是这个:jsfiddle

我想知道这是否与我的div没有相互连接有关。然而,如果你看看我提供的图像,我试图影响的是在主。gridcontainer下。黑盒已经分配了dv id,并落在按钮div -这是正确的做事方式,因为我对这一切都很陌生。

</head>
<body>
<div class="gridContainer clearfix">
<div id="buttons">
<div id="button1">
<div id="artwork">
<div id="artwork1">

我会包括更多的信息,但我想保持它尽可能简单。我对这一切都很陌生,我不想把它弄得更混乱。我认为我的问题在于试图将div id分配给另一个div中的元素,但我真的不确定。需要一些聪明人的帮助!谢谢。我的名声还不够高,还不能发布图片来展示我想做的事情。

看看jQuery的fadeTo、hover和not

我不知道这是不是你想要的效果,但它应该给你一些想法。
http://jsfiddle.net/gU4sw/655/

$('.item,.region').hover(
//Hover In
function () {
$('.item,.region').not(this).not($("#" + $(this).attr('id') + 'match')).fadeTo("fast",.5);
}, 
//Hover out
function () {
$('.item,.region').fadeTo("fast", 1);
});

最新更新