2014-01-11 54 views
0

是否有可能在html標籤中有一個jQuery的鼠標懸停?html標籤中的jquery:關於mouseover =「myfunction();」

for(x=1; isset($_COOKIE["link$x"]); $x++) 
    echo <div id="'.$x.'" onLoad="myfunction('.$x.')"> 
} 

和上面一樣,但用 「的mouseenter」 這個例子insted的 「的onLoad」 的?

for(x=1; isset($_COOKIE["link$x"]); $x++) 
    echo <div id="'.$x.'" OnMouseEnter="myfunction('.$x.')"> 
}  

,然後在javascript

function myfunction(which){ 
    document.getElementById(which).style.backgroundColor = red; 
} 
+0

http://reference.sitepoint.com/html/extended- event-attributes/onmouseenter - 你試過用mouseenter嗎?編輯:這裏你去 - > http://jsfiddle.net/Le3kk/ – Gasim

+0

你可以使用'onmouseover'事件,因爲HTML中沒有'onMouseEnter'事件作爲屬性。 –

+0

在我的頁面上沒有任何反應,也許是因爲我用php迴應了div?有沒有辦法用javascript和jquery做mouseEnter? – user3129452

回答

0

正如您在您的評論提到,你有應該在mouseent上觸發多個div呃,在這種情況下,你必須使用 「類」,而不是 「ID」

<div class="myDiv">container1</div> 
<div class="myDiv">container2</div> 
<div class="myDiv">container3</div> 

和jQuery代碼:

$(".myDiv").mouseenter(function() { 
$(this).text("mouse enter"); 
}) 

$(".myDiv").mouseleave(function() { 
$(this).text("mouse leave"); 
}); 
0

HTML標籤

<div id="myDiv"></div> 

和jQuery代碼:

$("#myDiv").mouseenter(function() { 
$(this).text("mouse enter"); 
}) 

$("#myDiv").mouseleave(function() { 
$(this).text("mouse leave"); 
}); 
+0

謝謝!但是如果我有很多ID爲myDiv1,myDiv2,myDiv3的div,並且當我輸入myDiv2時,我只希望在myDiv2中有一些東西? – user3129452

+0

但我不知道有多少個div我會結束,每增加一個我按下一個按鈕 – user3129452

+0

給他們相同的類名,這將起作用,請在下面找到答案 – Moussawi7