让网页标签页头部有新消息提醒和Title标题文字滚动显示效果

2019-05-18 网页设计
  • 文章介绍
demo展示1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; 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>


demo展示2:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8"/>
        <title>JS实现title标题闪烁提示信息</title>
    </head>
    <body>
        <script type="text/javascript">
            _record = 0;
            var myTitle = document.title;

            function titleBlink() {
                _record++;
                if(_record == 3) { //当变量_record累加到3是,将其赋值为1。相当于无限循环。
                    _record = 1;
                }
                if(_record == 1) {
                    document.title = '【  】' + myTitle;
                }
                if(_record == 2) {
                    document.title = '【新消息】' + myTitle;
                }
                setTimeout("titleBlink()", 500); //调节时间,单位毫秒。
            }
            titleBlink();
        </script>
        
    </body>

</html>

上一篇:怎么拿到input file上传的文件名字显示到页面中

下一篇:织梦DedeCms做SEO优化必做的步骤

专业的织梦模板定制下载站,在线购买后即可下载!

商业源码

跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

立刻开启你的建站之旅
QQ在线客服

服务热线

织梦建站咨询