个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我正在使用从教程中找到的代码来构建一个一次一行淡入和淡出的新闻自动收报机。它应该在以下几行之间循环:“故事标题 1”、“另一个故事标题 2”、“一些第三个故事标题”和“最后的第四个标题”。问题是新闻行情最终会一次显示多个条目。例如，我会看到类似“故事标题 1 另一个故事标题 2”的内容。更改显示下一行文本所需的时间长度并不能解决问题，但会延迟显示故障。
完整代码如下:
<head>
<style type="text/css">
/* CSS goes here */
#ticker
{
border: 1px solid #666;
background: #DDD;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #333;
font: 13px/16px Arial,Verdana,sans-serif;
padding: 3px 7px;
width: 400px;
}
#ticker .divider {
padding: 0 4px;
}
#ticker a, #ticker a:visited
{
color: #333;
text-decoration: none;
}
#ticker a:hover
{
color: #930;
}
</style>
</head>
<body>
<div id="ticker" class="newsTicker">
Announcement
<span class="divider">|</span>
<ul>
<li><a href="">Story headline 1</a></li>
<li><a href="">Another Story headline 2</a></li>
<li><a href="">Some third story headline</a></li>
<li><a href="">A final, fourth headline</a></li>
</ul>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript">
// javascript will go here
$(function()
{
$('#ticker').each(function()
{
var ticker = $(this);
var fader = $('<span class="fader"> </span>').css({display:'inline-block'});
var links = ticker.find('ul>li>a');
ticker.find('ul').replaceWith(fader);
var counter = 0;
var curLink;
var fadeSpeed = 600;
var showLink = function()
{
var newLinkIndex = (counter++) % links.length;
var newLink = $(links[newLinkIndex]);
var fadeInFunction = function()
{
curLink = newLink;
fader.append(curLink).fadeIn(fadeSpeed);
};
if (curLink)
{
fader.fadeOut(fadeSpeed, function(){
curLink.remove();
setTimeout(fadeInFunction, 0);
});
}
else
{
fadeInFunction();
}
};
var speed = 1000;
var autoInterval;
var startTimer = function()
{
autoInterval = setInterval(showLink, speed);
};
ticker.hover(function(){
clearInterval(autoInterval);
}, startTimer);
fader.fadeOut(0, function(){
fader.text('');
showLink();
});
startTimer();
});
});
</script>
</body>
</html>
最佳答案
我为您的代码创建了一个 jsfiddle。 http://jsfiddle.net/playerace/Tssds/
我测试了各种时间长度，当淡入/淡出稍微延迟并被您为间隔设置的 1000 毫秒捕获时，就会发生故障。在浏览器或我的示例中浏览多个选项卡，加载此代码的多个 jsfiddle 实例将导致故障。
执行简单的删除和追加修复了故障，因为您无法控制用户在浏览您的页面时的行为，他们可能会加载很多东西。
我能想到的一个解决方案是删除 setInterval 并找到其他方法来在将鼠标悬停在自动收报机上时禁用 showLink()。
关于javascript - jquery 新闻自动收报机窃听，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6965353/
24
4
0
我最近开始接触网络编程，我完全不知所措。我已经开始学习基础知识、html、css 和 javascript。在我的第一个网页上，我有兴趣为我发布更新的地方实现一个下拉新闻部分。我能举出的最好的例子就是
我的 Wordpress 主题在我放大评论框时没有扩展其内容区域，因此整个内容都在页脚上。页脚保持固定在页面底部，但当我展开评论框时不会自行向下推... 我尝试阅读其他问题，但我没有解决那个问题。 代
我正在运行 TYPO3 V6 和最新版本的 tx_news(不是 tt_news)，当我尝试更改 LIST 显示的排序顺序时，插件中的设置不会覆盖 Typoscript 设置。似乎没有办法更改 Lis
根据 Google 允许您的文章/新闻出现在 Google 新闻中: Display a three-digit number. The URL for each article must conta
我想问一下是否可以使用表单提交后发送到用户邮件的唯一代码创建注册，我不确定如何正确地做。 for example : The user enters his email and the system
我目前正在使用在 Google 新闻语料库上训练的 Word2Vec 模型(来自 here)由于这只针对 2013 年之前的新闻进行训练，因此我需要根据 2013 年之后的新闻更新向量并在词汇表中添加
所有的麻烦都开始了，我无法按画廊的右箭头(右箭头出现在图片中) 我看到只有当我将栏移到右侧时，我才能点击箭头。 如您所见，我在 Firefox 中打开了 F12，指向了网站的右侧部分。 我看到它是空的
我有一些代码运行良好，它只是添加了一个水平新闻提要(或我列出的任何信息)它运行良好，没有闪烁，但是当我向它添加更多数据时，它似乎需要一段时间才能加载并且速度变化？我还有很多信息要添加到其中，但我不想在
我有点坚持 RewriteRule 301，从旧新闻 ID 更改为新新闻 ID 这是我尝试过的: RewriteRule ^/news/0(.*)$ /news/$1 [L,R=301] 假设新闻 U
我对 Google 新闻 RSS 提要的使用有疑问。 Google 新闻帮助说明了这一点: Why Google might block an RSS feed In some cases, Goog
我想在我的网站上加入新闻，但主要主题必须是“书籍”或“作者”等。基本上，我需要选择我提到的这两个或作者姓名等自定义主题。 但我不知道怎么做，因为文档真的很差(或者我找不到)。 添加它的查询参数是什么？
最好的方法是什么？ 我想解析新闻，然后使用关键字之类的内容过滤它们并找到匹配项。 有人已经这样做了吗？而且，这是合法的吗？ 最佳答案 您可以使用 google 新闻网址 http://news.goo
我有一个获取热门新闻头条的 js 函数。它已按 promise 返回，但我无法访问这些文章。这是我的代码 function news09() { var url = 'https://ne
我想让我的 TableView 加载更多动画，例如 Facebook 新闻，并在底部显示动画指示器事件。 有什么指导可以帮助我做到这一点吗？谢谢。 最佳答案 有几种方法可以做到这一点 在最后一个 in
我正在为我的网站创建一个新闻系统。我有一个主页 {index.php}(显示所有文章)和一个文章页面 (article.php) 我遇到的问题是在文章页面上选择内容。 当你点击 index.php 上
我已成功调用新闻 API 并将结果放入 DataFrame，但仅限于第 1 页。 def get_articles(keyword): all_articles = newsapi.get_eve
我有一个适合我网站的新闻 slider ，我想使用它，但我遇到了一个小问题。完成 HTML 和 CSS 后，我需要旋转“展示柜”，现在我已经尝试使用 Jquery 的不同指令，但一点运气都没有。有人可
因此，我必须根据编写的 javascript 文件(如下)创建搜索查询，并且还必须使用此 URL 来创建搜索查询。在 URL 末尾，您可以添加任何您喜欢的搜索词。例如，我们将搜索食物:https://
我在 TYPO3 8.7.13 中使用来自 Georg Ringer 的新闻扩展。 如果没有选择图像进行预览，扩展程序会显示一个虚拟图像。是否可以改用文章中的第一张图片？ 谢谢 最佳答案 当然，您需要
我是typo3 的新手，我需要有关新闻扩展和$TCA 配置的帮助。 我做了一个名为“Activité”的扩展，它从 News 扩展而来。这很顺利。我创建了一些自定义字段，并且能够从“常规”选项卡中已经
我是一名优秀的程序员,十分优秀！