首頁 > web前端 > js教程 > 用javascript实现“闪动”标题栏_典型特效

用javascript实现“闪动”标题栏_典型特效

PHP中文网
發布: 2016-05-16 19:18:15
原創
1220 人瀏覽過
用javascript实现“闪动”标题栏_典型特效
<script language="JavaScript"> 
<!-- 
var tx = new Array ( 
"您好呀,欢迎您的光临^_^", 
"知道吗?我就是标题栏", 
"呵呵,现在我也~会闪啦", 
"看啊,我闪~我闪……", 
"快快把你的眉眼抛过来呀!嘻嘻……"); 
//设置好你的页面标题栏中要闪烁的5句文本(具体内容自己据需而定吧你) 
var txcount=5; 
//数字"5"对应于上边设定的文本数 
var i=1; 
var wo=0; 
var ud=1; 
//定义i、wo、ud三者的初值 
function animatetitle() 
{ 
window.document.title=tx[wo].substr(0, i)+"_"; 
if (ud==0) i--; 
if (ud==1) i++; 
if (i==-1) {ud=1;i=0;wo++;wo=wo%txcount;} 
if (i==tx[wo].length+10) {ud=0;i=tx[wo].length;} 
// if (window.document.title.length < 20 ) window.document.title=window.document.title+"-"; 
// if (window.document.title.length == 20 ) window.document.title=window.document.title+"]"; 
// if (window.document.title.length == 21 ) setTimeout("window.document.title=&#39;Animierte Seitentitel &#39;; ",1000); 

parent.window.document.title=tx[wo].substr(0, i)+"_"; 
setTimeout("animatetitle()",100); //数字"100"指每一字符闪烁速度为100毫秒,其改大(小)就闪的慢(快),可自行设置数值 
} 
//以上几行是对标题栏(title)的function为animatetitle的控制过程 
animatetitle(); 
//标题栏(title)中运行animatetitle 
// --> 
</script>
登入後複製

 以上就是用javascript实现“闪动”标题栏_典型特效的内容,更多相关内容请关注PHP中文网(www.php.cn)!


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板