Javascript代码问题
我找到了一点Javascript来创建一个基本上只是在列表项之间旋转的新闻代码Javascript代码问题,javascript,Javascript,我找到了一点Javascript来创建一个基本上只是在列表项之间旋转的新闻代码 <script> var ticker = $('ul.ticker'); ticker.children(':first').show().siblings().hide(); setInterval(function() { ticker.find(':visible').fadeOut(function() { $(this).appendTo(ticker);
<script>
var ticker = $('ul.ticker');
ticker.children(':first').show().siblings().hide();
setInterval(function() {
ticker.find(':visible').fadeOut(function() {
$(this).appendTo(ticker);
ticker.children(':first').show();
});
},5000);
</script>
var ticker=$('ul.ticker');
ticker.children(“:first”).show().sibbines().hide();
setInterval(函数(){
ticker.find(':visible').fadeOut(函数(){
美元(本)。附件(股票代码);
ticker.children(':first').show();
});
},5000);
当我只有列表项时,它工作得非常好,但当我将列表项制作成链接时,它开始表现得很奇怪。我用firebug观看了它,它似乎第一次很好地浏览了列表,然后开始创建新的列表项:
<li style="display: none;"></li>
它似乎在第一次浏览列表后交替显示其中一个
谢谢你的帮助
编辑1:HTML
<ul class="ticker">
<li><a href="#">News Item</a></li>
<li><a href="#">News Item 2</a></li>
</ul>
我认为,问题在于ticker.find(':visible')
。如果您的链接包装在li
中,则该代码会在其中找到li
和a
,并将它们分别附加到股票代码中。尝试ticker.find('li:visible')
编辑:或
ticker.children(“:可见”)
这不是Java,而是JavaScript.Cool——我本可以编辑它,但我想我可能遗漏了什么。另外,我为这种迂腐的语气道歉。看起来代码是通过拉出列表中的第一个
,然后将其添加回列表的末尾来工作的。因此,第一个
始终是可见的。你的HTML到底是什么样子的?你把链接包装成li吗?我是说
?我已经将我的HTML添加到了我原来的帖子中。