Modifier le nom du lien HREF

Question

Je le lien suivant

<a href="example.com" id="example1"> Go to example....</a> 

Est-il possible que lorsqu'un corps se déplace le curseur sur « Aller par exemple ... » il change « Allez à l'exemple One », J'utilise php et jquery. Toute aide serait appréciée.

Answer 1

L'aide .hover() est ici utile, pour éviter l'événement ennuyeux bouillonnement:

var elem = $('#examle1'), orig = elem.text(); 
elem.hover(
    function() { $(this).text('Go to example One'); }, 
    function() { $(this).text(orig); } 
); 

Answer 2

ne devrait pas être trop difficile en utilisant jQuery:

$('#example1') 
    .mouseover(function(e) { $(this).text('Go to example One') }) 
    .mouseout(function(e) { $(this).text('Go to example...') }); 

Retirez la deuxième bind si vous ne avez pas besoin pour revenir « ... » lorsque l'utilisateur se éloigne la souris.

Edit: Vous avez oublié sur la méthode d'aide mouseover

Answer 3

Essayez ceci ..

$('#example1').mouseover(function() { 
    $(this).text('Go to example One'); 
}); 

Ya manqué le # Je voulais arriver rapidement;)

Answer 4

$(function(){ 
    $("#example1").mouseover(function(){ 
     $(this).text('Go to example One'); 
    }); 
}); 

ou vous pouvez utiliser le hover fonction comme

$(function(){ 
    $("#example1").hover(
     function() { 
     $(this).text('Go to example one'); 
     }, 
     function() { 
     $(this).text('Go to example....'); 
     } 
    ); 
}); 

Answer 5

Voici le code PHP

<span 
class="trackTitle"> <a href="<?php print "play/".$link;?>" title="Listen or Download <?php echo $hoverActual ?>" onmouseover="javascript:changeTo('<?php echo $hoverActual; ?>');"><?php echo $fileName; ?></a></span> 

où la REMPLACERPAR fonction est utilisée, je veux changer nomFichier $; .

Answer 6

Vous pouvez même le faire avec CSS seulement. Vous avez juste besoin de deux éléments dans votre lien que vous pouvez adresser comme:

<a href="example.com" id="example1"> Go to example <em>…</em> <span>One</span></a> 

Et le comportement CSS correspondant:

a span, 
a:hover em { 
    display: none; 
} 
a:hover span { 
    display: inline; 
}