html 页面标题标签中的 jQuery 滚动选取框

Question

我想使用 jquery 在我的 html 标题标签中放置一个滚动字幕，但不知道如何操作，并且似乎无法在任何地方在线找到很好的解释。有人可以帮我吗？

Answer 1

如果您只想让它像 marquee 标签一样滚动，那么这并不是很难做到的：

(function titleMarquee() {
    document.title = document.title.substring(1)+document.title.substring(0,1);
    setTimeout(titleMarquee, 200);
})();

这是非常基本的，但应该让您了解如何根据自己的喜好调整它。

Answer 2

在 Tatu Ulmanen 的回答中，空格字符存在问题。正如 psarid 评论所述，第一次滚动后，所有空格都被删除。

这是因为 html 解析器会修剪文本。这意味着它会删除文本末尾和开头的空格。当标题滚动时，html 中的标题对象如下所示：

<title>Scrolling Title With Spaces</title>
<title>crolling Title With SpacesS</title>
<title>rolling Title With SpacesSc</title>
<title>olling Title With SpacesScr</title>
...
<title>Title With SpacesScrolling</title>

正如您在上面看到的，我们丢失了单词 Scrolling 和 Spaces 之间的空格。为了防止这种情况，我们需要将原始 document.title 存储在 javascript 代码中的某个位置，并在其末尾添加一个空格或其他内容。然后，我们可以通过滚动另一个变量中的文本来滚动 document.title 。这是 Tatu Ulmanen 的修改后的代码。

var documentTitle = document.title + " - ";

(function titleMarquee() {
    document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0,1);
    setTimeout(titleMarquee, 200);
})();

Answer 3

在页面头部添加以下脚本，然后在 body onload 上调用 scrlsts() 函数

<script type="text/javascript">
var scrl = $('title').text();
function scrlsts() {
     scrl = scrl.substring(1, scrl.length) + scrl.substring(0, 1);
     document.title = scrl;
     setTimeout("scrlsts()", 500);
     }
<script>

Answer 4

没有 jQuery：

setInterval(function () {
  $("head title").html($("head title").html().substring(1) + $("head title").html().substring(0,1));
}, 300);