jquery - 定时 jquery 淡出 - 创建链接

Question

我发现了这个很酷的 jquery 淡入/淡出脚本，但我不太清楚如何更改脚本以使文本成为 href 链接（我想将其用作新闻自动收报机）。我花了几个小时摆弄，但我的 jquery 没有达到标准。例如，我尝试放入<a href="#">test line 1</a>一个 textContent div，但链接没有出现。为了方便起见，下面的链接和代码复制到发布。有什么建议么？我对其他想法持开放态度，但淡入淡出效果很酷，我想保留它！感谢您的帮助！

http://jsfiddle.net/mplungjan/bWD4V/

<style type="text/css">
    div.textContent { display:none }
</style>

<div id="textMessage"></div>
<div class="textContent">test line 1 </div>
<div class="textContent">test line 2</div>

<script>
var cnt=0, texts=[];

// save the texts in an array for re-use
$(".textContent").each(function() {
texts[cnt++]=$(this).text();
});
function slide() {
  if (cnt>=texts.length) cnt=0;
  $('#textMessage').html(texts[cnt++]);
  $('#textMessage')
    .fadeIn('slow').animate({opacity: 1.0}, 5000).fadeOut('slow', 
     function() {
       return slide()
     }
  );      
}      
slide()
</script>

Answer 1

您需要使用“html”而不是“text”：

var cnt=0, texts=[];

// save the texts in an array for re-use
$(".textContent").each(function() {
  texts[cnt++]=$(this).html();
});
function slide() {
  if (cnt>=texts.length) cnt=0;
  $('#textMessage').html(texts[cnt++]);
  $('#textMessage')
    .fadeIn('slow').animate({opacity: 1.0}, 5000).fadeOut('slow', 
     function() {
       return slide()
     }
  );      
}      
slide()

小提琴：http: //jsfiddle.net/bWD4V/132/