如何在DIV'；谁在javascript中使用DIV ID？

我想使用div id在每个div上使用不同的悬停效果。可能吗？我已经在google上搜索了一段时间，我看到的只是使用类名和标签的悬停效果。我想使用javascript或jquery来实现这一点。感谢您的帮助，谢谢

您可以从函数中评估

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 */
  }
}

---

演示：

使用JQuery，您可以将操作绑定到mouseEvent：

您只需将事件绑定到div并制作动画

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

function overState () {
      /* effect */
}

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

如果你想给几个div设置动画，给它们一个类。例如“动画”：

HTML:

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

---

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

您可以将css与class+id组合使用，以获得特定的样式。

现在任何效果都可以。无论如何，我都可以编辑它。我尝试过css，但它影响到每一个div.@Joseph。我猜“为我做吧，我没有时间做，也没有用谷歌找到答案”的效果。jQuery站点中有一个用于

悬停

和css的链接。你看了吗-1.

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