-1

我想使用 div id 对每个 div 有不同的悬停效果。是否可以？我已经在谷歌上搜索了一段时间，我看到的只是使用类名和标签的悬停效果。我想使用 javascript 或 jquery 来做到这一点。任何帮助表示赞赏，谢谢！

4

3 回答 3

1

id您可以在函数中评估from ：

$(".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-04T03:55:21.730 回答
0

使用 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-04T03:55:36.097 回答
0

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

于 2012-05-04T03:57:03.830 回答