首页 新闻 搜索 短信 分类 聊天 企业
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
用JavaScript创建“闪动”标题栏

http://www.sina.com.cn 2002/06/18 10:10 赛迪网

  文/老姚

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

  方法:只须在你主页面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实现超酷的“网页时钟”(2002/06/17 10:05)
用JavaScript在网页中显示可拖动月历(2002/06/10 10:16)
雕虫小技可使你的网页“有声有色”(2002/06/03 15:51)
JavaScript主页弹出窗口技巧集锦(2002/06/03 14:31)
妙用JavaScript实现网页的任意缩放(2002/05/24 10:40)
巧使网页图片实现“幻灯片”显示效果(2002/05/22 09:56)
巧妙实现图片链接的特殊效果(2002/05/16 10:27)
用JavaScript实现页面百叶窗效果(2002/05/16 10:12)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3488   欢迎批评指正

新浪简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网