html 特效 切换页面的显示标题

时间：2022-09-16 20:31:05

因为工作需要，这次需要一些特效 ，上网找了下，发现一个不错的网站，推荐下：http://www.sucaihuo.com/

实现特效：切换页面的显示标题。

<!DOCTYPE html>
<html lang="zh-CN">
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <title>js网页标题消息提醒</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    </head>
    <body>
        <script>
            var newRemindFlag = 1; //启动闪烁
            /*
             pageTitle:原页面的标题
             showRemind:闪烁时显示的东东：如【新提醒】
             hideRemind:闪烁时隐藏的东东：如【　　　】
             time:闪烁间隔的时间
             */
            function newRemind(pageTitle, showRemind, hideRemind, time) {
                if (newRemindFlag == 1) {
                    document.title = showRemind + pageTitle;
                    newRemindFlag = 2;
                } else {
                    document.title = hideRemind + pageTitle;
                    newRemindFlag = 1;
                }
                setTimeout("newRemind('" + pageTitle + "','" + showRemind + "','" + hideRemind + "'," + time + ")", time);
            }
            newRemind('js网页标题消息提醒', '【旧内容】', '【新提醒】', 1000);</span>
        </script>
    </body>
</html>

亲测好用。

记录开发过程中的点滴！

标签：

相关文章