我做了一个自动收报机,正如你所看到的,第一线(Elite Gamer的盛大开幕)是完美和绿色的。继续观察直到它循环回来。文字变黑,我无法点击链接。有人有解决方案吗? http://jsfiddle.net/Hunter4854/AtKtR/1/
答案 0 :(得分:3)
更新回答:确定,here's a working version of your ticker。问题是您不小心混合了<li>
和<a>
元素。我现在已经完全删除了<ol>
元素,并将其替换为包含<div>
元素的简单<a>
。我还清理了你的CSS代码,因此没有样式指令与HTML代码混合在一起。然后我将一个if语句更改为:
if (list.find('.link').length > 1 )
之前发现的li
元素效果不佳。
我的初步答案:例如,<a>
元素周围有<li>
个元素,这是非法的。 <a>
应位于<li>
内。 I've created you a new fiddle我还将JS代码移动到JS窗口中,并将CSS代码移动到CSS窗口中以便于阅读。
使用Chrome的Inspect元素功能查看DOM,在我看来,<a>
元素正在从DOM中删除,因此显然它们之后无法点击。做点什么,它应该很快完美。 :)
答案 1 :(得分:1)
只需删除第一个条目周围的li,它就会按照您设计的方式工作。
<a href="http://www.google.com" class="link" style="padding-top:2px; text-decoration:none; color: #00B700; font-weight: bold; text-shadow: #00ff00 0px 0px 1px; ">Grand Opening of Elite Gamer</a>