Удалить активный класс при наведении CSS

Question

Как удалить активный класс при наведении курсора на навигацию. Вот мой код

<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[1])) echo 'class="active"';?>><?php echo '<a href="'.$navlink[1].'">',$navdesc[1] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[2])) echo 'class="active"';?>><?php echo '<a href="'.$navlink[2].'">',$navdesc[2] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[3])) echo 'class="active"';?>><?php echo '<a href="'.$navlink[3].'">',$navdesc[3] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[4])) echo 'class="active"';?>><?php echo '<a href="'.$navlink[4].'">',$navdesc[4] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[5])) echo 'class="active"';?>><?php echo '<a href="'.$navlink[5].'">',$navdesc[5] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[6])) echo 'class="active"';?>><?php echo '<a href="'.$navlink[6].'">',$navdesc[6] ?></a></li> 

Answer 1

U можно сделать с помощью JQuery, но я предлагаю вам просто использовать: парить в CSS (.active: парении) и переопределить стиль у хочу.

Answer 2

Вы можете использовать CSS в :Hover свойства, которое является самым простым способом, а также Вы можете добавить или удалить класс со следующим JQuery,

$('#elm').hover(
     function(){ $(this).addClass('active') }, 
     function(){ $(this).removeClass('active') } 
) 

где #elem является идентификатор вашего элемента просто дать какой-либо идентификатор к вашему <li>,

, а затем вы можете добавить или удалить любой класс.

обновление

<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[1])) echo 'class="active lihover"';?>><?php echo '<a href="'.$navlink[1].'">',$navdesc[1] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[2])) echo 'class="active lihover"';?>><?php echo '<a href="'.$navlink[2].'">',$navdesc[2] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[3])) echo 'class="active lihover"';?>><?php echo '<a href="'.$navlink[3].'">',$navdesc[3] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[4])) echo 'class="active lihover"';?>><?php echo '<a href="'.$navlink[4].'">',$navdesc[4] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[5])) echo 'class="active lihover"';?>><?php echo '<a href="'.$navlink[5].'">',$navdesc[5] ?></a></li> 
<li <?php if (strpos($_SERVER['PHP_SELF'], $navserver[6])) echo 'class="active lihover"';?>><?php echo '<a href="'.$navlink[6].'">',$navdesc[6] ?></a></li> 

Затем используйте,

<script> 
$('.lihover').hover(   
     function(){ $(this).removeClass('active') } 
) 
</script> 

Answer 3

Вы можете использовать что-то вроде этого с JQuery:

$(selector).mouseenter(handlerIn).mouseleave(handlerOut); 

http://api.jquery.com/hover/

Вы можете использовать что-то вроде этого:

$("td").hover(
    function() { 
    $(this).addClass("hover"); 
    }, function() { 
    $(this).removeClass("hover"); 
    } 
);