2010-12-10 98 views
1

所以基本上這就是我要去有:在另一個div上懸停時更改Div屬性?

<div id="1"> 
<div id="top"></div> 
Text 
Text 
Text 
etc. 

<div id="bottom"></div> 
</div> 

我怎麼會去這樣做如下: 如果有人懸停在格「1」(整個容器的div)更改的屬性「bottom」div(並且只有那個底部div),比如添加一個名爲「over」的類。

我敢肯定,有一種方法,但我猜它需要使用諸如jquery之類的東西。

+0

懸停是同時處理鼠標懸停及移出,同時看看這個API HTTP非常好的方式:// api.jquery.com/hover/ – kobe 2010-12-10 17:26:05

回答

1

如果您有jQuery的,那麼它是非常簡單的(這個工作對我來說):

$('#1').hover(function() { 
    $('#bottom').addClass('over'); 
}) 
1

的第一件事是沒有爲div編號

$("#id").hover(//mouseover id 
    function() { 
    $("#bottom").addClass('classname') // this function is for mouse over 
    }, 
    function() { 
// this is for mouse out 
    } 
); 
+0

只是使用數字爲例子的div id。 – Nto 2010-12-10 17:30:40

1

是的,你是正確使用的號碼。你需要一些jQuery來完成你想要做的事情。

jQuery API文檔有你正在尋找的確切示例,如果你去檢查hover function。下面是一個例子。調整你自己的代碼。

相關問題