titlejs实现更改浏览器标题栏title文字前缀后缀打字动画等效果代码

代码语言:html

所属分类:动画

代码描述:titlejs实现更改浏览器标题栏title文字前缀后缀打字动画等效果代码

代码标签: 浏览器 标题栏 title 文字 前缀 后缀 打字 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title></title>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/title.js"></script>

    <script>
        /* Simplax Effect - http://github.com/arkaindas/simplax */

		window.onload=function(){

			document.body.style.backgroundAttachment="fixed";

			window.onscroll=function () {

				document.body.style.backgroundPosition = "0px " + (0 + (Math.max(document.documentElement.scrollTop, document.body.scrollTop) / 8)) + "px";

			}

		}
    </script>

    <style>
        span,a {

            	margin-right:10px;

            	text-decoration:none;

            }

            .container {

                width: 90%;

                margin: auto;

            }

            h1, h2,h3, p {

            	color:#FFF;

            }

            .wrap{

                border-radius:0 10px;

                padding: 20px;

                background-color: #000;

                margin:20px 0;

            }

            .miniwrap{

                border-radius:0 10px;

                padding: 20px;

                background-color: #000;

                margin:20px 0;

            }

            .main-title{

            	color:#A22;

            }

            .demo-link{

            	padding:5px;

            	border-radius:0 5px;

            	cursor:pointer;

            	background-color: #A22;

            	color:#FFF;

            }

            pre{

                border-radius:0 10px;

                padding: 20px;

            	background-color: #A22;

            	color:#EEE;

            	display:block;

            }

            .c001{

            	background-color: #777;

            }

            .c002{

            	background-color: #777;

            }
    </style>

</head>

<body>

    <div class="container">

        <div class="c001 wrap">

            <h1 class="main-title">TITLE.JS</h1>

            <p>此插件不要在iframe中查看效果</p>

        </div>

        <div class="c002 wrap">

            <h1>Usage</h1>

            <div class="miniwrap">

                <h2>Add Prefix</h2>

                <h3>Example:</h3>

                <p>

                    <pre>

&lt;script&gt;

	Title.pref("(2)");

&lt;/script&gt;

			</pre>

                </p>

                <span onclick="Title.pref('bfw代码库');" class="demo-link">Click To S.........完整代码请登录后点击上方下载按钮下载查看

网友评论0