所以基本上這就是我要去有:在另一個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之類的東西。
所以基本上這就是我要去有:在另一個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之類的東西。
如果您有jQuery的,那麼它是非常簡單的(這個工作對我來說):
$('#1').hover(function() {
$('#bottom').addClass('over');
})
的第一件事是沒有爲div編號
$("#id").hover(//mouseover id
function() {
$("#bottom").addClass('classname') // this function is for mouse over
},
function() {
// this is for mouse out
}
);
只是使用數字爲例子的div id。 – Nto 2010-12-10 17:30:40
是的,你是正確使用的號碼。你需要一些jQuery來完成你想要做的事情。
jQuery API文檔有你正在尋找的確切示例,如果你去檢查hover function。下面是一個例子。調整你自己的代碼。
懸停是同時處理鼠標懸停及移出,同時看看這個API HTTP非常好的方式:// api.jquery.com/hover/ – kobe 2010-12-10 17:26:05