jquery 更改文本并将其替换为链接

Question

我想更改一些文本 bij，当您用鼠标移到它上面时，将其替换为 url。我知道你不能通过使用动画(这是针对CSS的)来改变它，这就是我使用淡出的原因。在花了几个小时之后，我仍然不明白为什么它不起作用。

我还希望整个 div 位于页面的中心，我尝试了 valign 等，但这都不起作用。这不是一个优先事项，但最好替换 margin-top

<div align="center" style="margin-top: 20%;"> 
  <div id="change">
    <p id="big">Welcome!</p>
  </div>
  <img src="pic.JPG" alt="Logo" width="40%" height="90"/>
</div>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$("#change").hover(
function(){
    $(this).find('p').fadeOut('slow', function() {
          $(this).text('<a href="Index.html">Continue</a>').fadeIn('slow'); 
    });
}, 
function(){
    $(this).find('p').fadeOut('slow', function() {
          $(this).text('Welcome').fadeIn('slow'); 
    });    
});
</script>

提前谢谢!

Answer 1

使用html方法:

$(this).html('<a href="Index.html">Continue</a>').fadeIn('slow');