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> <script> Title.pref("(2)"); </script> </pre> </p> <span onclick="Title.pref('bfw代码库');" class="demo-link">Click To S.........完整代码请登录后点击上方下载按钮下载查看
网友评论0