如何让水平JavaScript程序停止;闪烁;装载时垂直

如何让水平JavaScript程序停止;闪烁;装载时垂直,javascript,Javascript,我的网站是wordswithfriends.net 我下载了一个免费的新闻代码JavaScript程序。它工作得非常完美,除了加载时,尤其是在连接速度较慢的情况下,所有的新闻条目都会在短时间内以纯HTML垂直显示。所需的行为是显示一个空白的新闻标签,直到项目准备好滚动。源代码在这里 尝试向所有新闻项添加一个类,并对该类应用“display:none”样式。您可能需要初始化document ready事件的第一个元素。这将消除所有新闻项目的初始闪烁。不幸的是,由于您的问题中提供的信息稀少,并且从

我的网站是wordswithfriends.net

我下载了一个免费的新闻代码JavaScript程序。它工作得非常完美,除了加载时,尤其是在连接速度较慢的情况下,所有的新闻条目都会在短时间内以纯HTML垂直显示。所需的行为是显示一个空白的新闻标签,直到项目准备好滚动。源代码在这里



尝试向所有新闻项添加一个类,并对该类应用“display:none”样式。您可能需要初始化document ready事件的第一个元素。这将消除所有新闻项目的初始闪烁。

不幸的是,由于您的问题中提供的信息稀少,并且从
scroller.js
脚本的源代码来看,包含要滚动的新闻项目的
div
具有
tickercontainer

我只能假设
div
中带有
class
tickercontainer
的新项目与页面上的所有其他项目一起加载,只有在加载了这个
div
之后(当DOM就绪时),
scroller.js
脚本对
div及其内容进行样式化并启动ticker

我建议您首先将
tickercontainer
visibility
display
样式设置为
hidden
none
在HTML的
head
标记中的
样式中,或者在外部CSS文件中,一旦
scroller.js
脚本初始化,使用jQuery将
可见性
显示
样式设置为
可见


如果这不是您想要的,请详细说明您的问题,我会尽力回答。

您可以尝试将此添加到CSS中:

#ticker01 {
    display:none;
}
ul
上方的脚本标记中还有一行:

$(function(){
    $("ul#ticker01").show();
    $("ul#ticker01").liScroll();
});

不幸的是,由于您的问题中提供的信息很少,并且从scroller.js脚本的源代码来看,包含要滚动的新闻项的div具有类tickercontainer


我只能假设,带有tickercontainer类的div中的新项目与页面上的所有其他项目一起加载,只有在加载该div(当DOM就绪时)之后,scroller.js脚本才会设置div及其内容的样式并启动ticker。

@deltanovember当我现在加载页面时,我曾经看到完整的
ul
,然后是滚动条,现在什么也看不到,然后是滚动条。这就是你现在想要的吗?你是对的,这是一个缓存问题。作为旁注,show()需要在liScroll之前调用,否则它似乎会弄乱格式,这让我很生气!这个答案与我的答案完全不同,也没有解释为什么它会起作用,但却占据了所有的功劳。更愚弄你。如果不解释解决方案是如何工作的,社区如何学习?@JonathonDavidOates:我一定是一个速度惊人的打字员,在你发布答案后一分钟内就偷走了你的答案。你接受了一个与我所说完全相同的答案,但没有解释解决方案是如何工作的。您接受的答案是代表我答案的代码。社区如何能够在不理解解决方案为何有效的情况下进行精益?考虑到公认的答案及其评论,这又增加了什么?