Наведите указатель мыши, как изменить div border

Question

Привет всем У меня есть div на мыши наведите указатель мыши Я хочу изменить границу div.And на большее значение id изменено динамически. Пожалуйста, предоставьте мне какую-либо помощь для этого Спасибо

Answer 1

может это поможет вам

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


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

Answer 2

Это не делает трюк?

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

Answer 3

Если вы хотите, чтобы работать во всех браузерах, вам нужно использовать Javascript, а не в классе псевдо :hover. Старые версии или IE не нравятся: наведите указатель на элементы, которые не являются привязными тегами.

Итак, вы можете просто предоставить класс в div, а затем использовать jQuery для его простого выбора. Это, наверное, самый простой способ.

Что-то вроде:

$(function(){ 

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

}); 

Если класс парил содержит CSS для вашего наведен состояния.

Если вы хотите изменить ID на парении можно добавить, что в коде выше $(this).attr('id','newID');

Answer 4

CSS обеспечивает: селектор парения, который должен работать на дел.

, например:

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

Что касается изменений идентификатора динамически Я хотел бы использовать JQuery

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

Если вы размещаете специальный код, я могу помочь с синтаксисом для вашего конкретного случая ...