更改HREF鏈接的名稱

Question

我有以下鏈接

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

當主體將光標移到“轉到示例...”上時，是否有可能更改為“轉到示例One”，我正在使用php和jquery。 任何幫助將不勝感激。

Answer 1

使用jQuery應該不會太困難：

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

如果在用戶將鼠標移開時不需要第二綁定，則無需將其返回到“ ...”。

編輯：忘記了mouseover助手方法

Answer 2

試試看..

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

Ya錯過了我想快速入門的＃）

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做到這一點。 您只需在鏈接中需要兩個元素即可解決：

<a href="example.com" id="example1"> Go to example <em>…</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; 。