使用HTML格式滚动网站标题

时间:2016-05-23 21:43:14

标签: javascript jquery html css web

我希望我的网站标题在标签中滚动,当文本足够长以使其滚动并且只到标题的结尾,而不是让它继续像滚轮一样滚动(?)。

基本上,作为一个例子,想象一下标题是:“这是我的网站标题真的很长。”这个标题应滚动。

第一个或初始状态应该是:“这是我的网站标题”,然后它会开始滚动,直到它显示“itle真的很长。”

然后不应该显示“真的很长。这是我的我们”......但相反,它应该回到初始状态:“这是我的网站标题”。

另外一个例子,想象标题是“网站标题”,现在这个标题不应该滚动。

我不确定不同浏览器标签中可见字符的确切数量是多少,但我认为谷歌浏览器数量为26。

我目前正在使用此代码:

(function titleScroller(text) {
        document.title = text;
        console.log(text);
        setTimeout(function () {
            titleScroller(text.substr(1) + text.substr(0, 1));
        }, 500);
    }("This is my website's title which is really long."));

我在另一个StackOverflow问题中提到了这个问题,但是这个问题使文本滚动,因为我不想要。

有人可以帮我实现预期或期望的行为吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

无法检测标题何时到达结尾(" itle真的很长。")因为你无法查询用户的浏览器的长度标题区域(取决于浏览器的窗口大小,打开的标签数量等)。因此,不可能来实现您的想法。

欢迎来到90年代,yay!