美文网首页
使用JavaScript实现网页title滚动特效

使用JavaScript实现网页title滚动特效

作者: Bior | 来源:发表于2020-04-17 16:47 被阅读0次

之前在网上看到有的网站能够实现title在标题栏上进行滚动的特效,今天在网站找了一下,发现实现其实非常简单,代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>让网页的Title标题文字滚动显示效果</title>
</head>
<body bgcolor="#ffffff" onload="newtext()">
<script language=javascript >
var text=document.title
var timerID
function newtext() {
            clearTimeout(timerID)                  
            document.title=text.substring(1,text.length)+text.substring(0,1)
            text=document.title.substring(0,text.length)
            timerID = setTimeout("newtext()", 100)
}
</script>
</body>
</html>

相关文章

  • 使用JavaScript实现网页title滚动特效

    之前在网上看到有的网站能够实现title在标题栏上进行滚动的特效,今天在网站找了一下,发现实现其实非常简单,代码如下:

  • 【一】初识JavaScript

    初识JavaScript JavaScript介绍 作用 用来实现网页的各种交互,功能,以及制作炫酷的网页特效。 ...

  • iOS新浪新闻首页卡片滚动特效实现浅谈

    iOS新浪新闻首页卡片滚动特效实现浅谈 iOS新浪新闻首页卡片滚动特效实现浅谈

  • JavaScript基础

    为什么学习JavaScript? JavaScript在网页中占据非常重要的位置,可以实现验证表单、制作特效等功能...

  • Html,CSS和JavaScript关系

    HTML是网页内容的载体。 CSS样式是表现。 JavaScript是用来实现网页上的特效效果。 1.HTML是网...

  • html、css学习笔记(一)

    HTML是网页内容的载体。 CSS样式是表现。 JavaScript是用来实现网页上的特效效果。 文字大小:fon...

  • JavaScript相关知识介绍

    作用: 主要作用就是用来实现网页中的各种功能,以及制作酷炫的网页特效 JavaScript和ECMA的关系Java...

  • HTML学习ing

    1.html是网页内容的载体。 2.css样式是表现。 3.JavaScript是用来实现网页上的特效效果。 是标...

  • HTML 与CSS

    1.HTML是网页内容的载体2.CSS样式是表现3.JavaScript是用来实现网页上的特效效果 html文档基...

  • iOS-07-iOS获取UIWebView中的网页信息

    JavaScript获取网页信息总结JavaScript获取当前页面URL、title等,thisHash = d...

网友评论

      本文标题:使用JavaScript实现网页title滚动特效

      本文链接:https://www.haomeiwen.com/subject/pspyvhtx.html