用JavaScript创建“闪动”标题栏
2013-09-04 16:39
483 查看
不访给自己的主页标题栏来个闪闪烁烁之字幕效果,也来吸引一下众人的眼球!
方法:只须在你主页面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>
方法:只须在你主页面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实现“闪动”标题栏
- 用javascript实现“闪动”标题栏
- JavaScript 三种创建对象的方法
- JavaScript DOM 创建元素并设置属性
- javascript 创建对象方式
- Javascript创建select 以及获取select的值、文本;获取radio,check的值
- 跟我一起创建一个简单的javascript ajax对象 ---献给Web开发初学者
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- javascript中创建文本节点createTextNode
- 作业: 1.创建一个窗口程序(JFrame),标题栏起名为“浏览器”,有一个菜单条,有“文件”、“编辑”、“查看”3个菜单。“文件”菜单有两个菜单项,一项是“打开”,一项是“保存”,“打开”项做成子菜
- javascript如何创建表格(javascript绘制表格的二种方法)
- 说说如何使用 JavaScript 创建防篡改对象
- Javascript 创建对象的四种方法,类的三种属性,三种方法
- javascript动态创建地图说明
- javascript 高级——几种对象创建方法
- [转]JavaScript创建Applet 标签的属性介绍 以及 Applet调用JavaScript
- Javascript 创建对象方法的总结
- JavaScript面向对象编程(对象创建)
- JavaScript创建对象的几种方法