jquery - 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 的回答中，空格字符存在问题。正如评论中所说的那样，在第一次滚动之后，所有的空格都被删除了。

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

<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

在页面头部添加以下脚本，然后在正文 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);