php - HREF リンクの名前を変更する

Question

次のリンクがあります

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

ボディが「Go to example...」の上にカーソルを移動すると、「Go to example One」に変わる可能性はありますか?私はphpとjqueryを使用しています。どんな助けでも大歓迎です。

Answer 1

jQuery を使用するのはそれほど難しくありません。

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

ユーザーがマウスを離したときに "..." に戻る必要がない場合は、2 番目のバインドを削除します。

編集：マウスオーバーヘルパーメソッドを忘れました

Answer 2

これを試してみてください..

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

早く入ろうとしていた # を見逃してしまいました ;)

Answer 3

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

または、次のようなホバー機能を使用できます

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

Answer 4

.hover()ヘルパーは、迷惑なイベントのバブリングを防ぐために、ここで役立ちます。

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

Answer 5

CSS だけでそれを行うこともできます。リンクには、次のようにアドレス指定できる 2 つの要素が必要です。

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

対応する CSS の動作:

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

Answer 6

ここに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>

関数 changeTo が使用されている場所で、$fileName; を変更したい。.