如何设置:当悬停其他li(B)时将鼠标悬停在li(A)上

时间:2011-09-07 03:34:06

标签: php javascript jquery

我每天都是iOS开发人员,但我正在尝试为php和jquery中的朋友提供帮助,因为我没有花时间去做Jquery,我问你们一点帮助:)

所以,我想说这是一个唯一的ID

  

< li class =“listname”value =“'。$ id。'”>

当我将鼠标悬停在此时,我想要:将其悬停在同一个唯一ID

  

< li class =“listpicture”value =“'。$ id。'>

我的CSS工作已经完成,当我将其悬停时,它可以完成任务。

我用类似的东西开始我的剧本

$("li.listname").mouseover( function() {
  var id = $("li.listpicture").attr('value');

// and miss some job here
}

我觉得这有一点点菜鸟,但我会随时帮助你开发iOS开发:)

THX

1 个答案:

答案 0 :(得分:2)

可以为悬停效果创建一个新类,只需指定它并在悬停时将其删除即可。我假设id是你想要显示悬停效果的另一个元素的id。

<强> CSS

li:hover, .active {/*styles*/}

<强> JS

$("li.listname").hover( function() {
  var id = $("li.listpicture").attr('value');
  $(id).addClass('active');
},function(){
    var id = $("li.listpicture").attr('value');
    $(id).removeClass('active');
});

<强> Live Demo