On Hover, wie div Grenze zu ändern

Question

Hallo an alle Ich habe ein div auf Maus Hover ich möchte Rand von div.And ändern, auf mehr Sache ID wird dynamisch geändert. Bitte geben Sie mir Hilfe für diese Danke

Answer 1

kann diese Hilfe Sie

<div onmouseover="somefunction(<?php echo $divid ?>)"> </div> 


<script> 
function somefunction(id) 
{ 
document.getElementById(id).style.border="10px #FF0000 solid"; 
} 
</script> 

Answer 2

Ist dies nicht der Trick?

div {} 
div:hover {border:1px solid #000000;} 

Answer 3

Wenn Sie es wollen, in allen Browsern arbeiten müssen Sie Javascript verwenden, anstatt die Pseudo-Klasse :hover. Ältere Versionen oder IE mögen nicht: hover auf Elementen, die keine Anker-Tags sind.

So können Sie nur eine Klasse für das div und dann jQuery verwenden, um es einfach auszuwählen. Dies ist wahrscheinlich der einfachste Weg.

Etwas wie:

$(function(){ 

    $('.yourclass').hover(
    function(){ 
     $(this).addClass('hovered'); 
    }, 
    function(){ 
     $(this).removeClass('hovered'); 
    } 
); 

}); 

Wo die Klasse schwebte enthält die CSS für Ihre hovered Zustand.

Wenn Sie die ID auf schweben ändern, dass in den Code hinzufügen könnte oben mit $(this).attr('id','newID');

Answer 4

CSS bietet den: Hover-Selektor, der auf dem div funktionieren soll.

zum Beispiel:

div:hover { border: 1px solid #454545; } 

Wie für die die ID dynamisch ändernden würde ich jQuery

jQuery(this).attr("id",newId); 

verwenden Wenn Sie spezifischen Code schreibt ich mit der Syntax für Ihren speziellen Fall helfen kann ...