如何在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進行懸停效果？

回答

相關問題