正 文

用JavaScript创建“闪动”标题栏


www.7dspace.com  更新日期:2005-8-16 5:53:53  七度空间


  不访给自己的主页标题栏来个闪闪烁烁之字幕效果,也来吸引一下众人的眼球!

  方法:只须在你主页面HTML的加入如下一段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='Animierte Seitentitel '; ",1000);

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

上一篇:用JavaScript改进你的网页框架
下一篇:JavaScript实现窗口从天而降效果
作者:  来源: ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐