Question

当我将div鼠标悬停/悬停在绿色时，我想在最底部显示灰色的div。问题是它们之间有很多div。我不知道如何用中间的所有div编写我的函数。

see image http://i.stack.imgur.com/58Oy7.jpg

编辑：我需要使用jquery，因为我也会使用attr（＆＃39; src＆＃39;＆＃39;＆＃39;）来更改src

Answer 1

也许让div为了清楚识别而被遗忘;）

使用css的静态方法：

.field-name-hover-div:hover + div #techinfo {
    css-rules
}

工作小提琴：http://jsfiddle.net/bZHFG/

编辑：使用jQuery的解决方案：

var applyWhenEnter = function() {
    $('#techinfo').css({'attrName': 'value'}); // Add properties to the object for every css value you want to change.
};

var removeWhenLeave = function() {
    $('#techinfo').css({'attrName': ''}); // Add properties to the object for every css value you want to change.
};

$('.field-name-hover-div').hover(applyWhenEnter, removeWhenLeave);

工作小提琴：http://jsfiddle.net/r3NCx/2/

Answer 2

尝试使用css悬停选择器：

.field-name-hover-div:hover #techinfo
{
  /* Add changes here */
}

鼠标悬停/悬停，其间有很多div

2 个答案: