如何在DIV中使用JavaScript中的DIV ID进行悬停效果？

-1

我想对每个div使用div id有不同的悬停效果。可能吗？我一直在谷歌上搜索一段时间，所有我看到的是使用类名和标签的悬停效果。我想用JavaScript或jQuery来做到这一点。任何帮助表示赞赏，谢谢！如何在DIV中使用JavaScript中的DIV ID进行悬停效果？

来源

2012-05-04 jovenrp

任何效果现在都可以完成。无论如何，我可以编辑它。我试过css，但它会影响每个div。 – jovenrp

@Joseph。我想 - “为我做，我没有时间，也没有使用谷歌找到答案”。在jQuery站点中有一个[优秀的例子]（http://api.jquery.com/hover/），用于'hover'和css。你看过那里吗？ ** - 1 !!! ** – gdoron

你可以从你的职责范围内评估id：

$(".hoverItems").hover(overState, outState); 

function overState() { 
    switch (this.id) { 
    case "foo" : 
     /* effect a */ 
     break; 
    case "bar" : 
     /* effect b */ 
    } 
} 

function outState() { 
    switch (this.id) { 
    case "foo" : 
     /* undo effect a */ 
     break; 
    case "bar" : 
     /* undo effect b */ 
    } 
}

演示：http://jsbin.com/evikog/edit#javascript,html

来源

2012-05-04 03:55:21 Sampson

谢谢！很好的帮助！ – jovenrp

与jQuery可以绑定动作的MouseEvent： http://api.jquery.com/category/events/mouse-events/

你只需要绑定事件你的div和做你的动画...

$("#foo,#bar").hover(overState, outState); 

function overState() { 
     /* effect */ 
} 

function outState() { 
     /* undo effect */ 
}

如果你想要动画几个div，嘲笑他们一个类。例如， “动画”：

HTML：

<div class="animated">blabla</div>

的Javascript

$(".animated").hover(overState, outState);

这样，所有的div动画将动画类。

来源

2012-05-04 03:55:36 tibo

您可以将css与class + id的组合用于特定样式

来源

2012-05-04 03:57:03 bondythegreat

如何在DIV中使用JavaScript中的DIV ID进行悬停效果？

回答

相关问题