讓網頁標簽頁頭部有新消息提醒和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在線客服

服務熱線

織夢建站咨詢
北京快乐8公式全天计划