电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> Javascript>>第4讲:状态栏与标题栏的属性:

第4讲:状态栏与标题栏的属性

来源:远方网络 | 2006-1-2 17:12:50 | (有2699人读过)

第4讲:状态栏与标题栏的属性
4.1 window.status属性
window.status属性的语法为:window.status=string ;其应用示例如下:

〔示例一〕
<html><head><title>Welcome to hfcec...</title>

<script language="javascript">

<!--

function hfcec()

{

window.status="欢迎光临合肥连邦电脑教育培训中心网站!";

}

//-->

</script>

</head>

<body onload="hfcec()">

</body>


点击打开新窗口

图4-1 修改浏览器状态栏的默认信息

4.2 修改超级链接在状态栏的显示信息
链接源在状态栏的显示信息,其默认状态是链接源的目标地址,若需修改链接源在状态栏的显示信息,需要用到相应的鼠标事件,具体示例如下:

〔示例二〕
<html>

<head>

<title>Welcome to hfcec...</title>

<script language="javascript">

<!--

//设置浏览器状态栏的默认信息

window.status="Welcome to hfcec...";

//定义控制链接源在浏览器状态栏显示信息的函数

function showstatus(num)

{

//定义数组对象

link_info=new Array();

//为数组元素赋值

link_info[0]="永远的玫瑰";

link_info[1]="在青春的激情中忘我狂奔";

link_info[2]="我想我可以忍住悲伤";

link_info[3]="年轻的代价";

link_info[4]="当爱情泛滥时,我们该如何面对";

//分别将数组元素动态赋给浏览器的状态栏

window.status=link_info[num-1];

}

//-->

</script>

</head>

<body>

<a href="#" title="永远的玫瑰" onmouseover="showstatus(1);return true" onmouseout="showstatus(1);return true">永远的玫瑰</a>

<p>

<a href="#" title="在青春的激情中忘我狂奔" onmouseover="showstatus(2);return true" onmouseout="showstatus(2);return true">在


青春的激情中忘我狂奔</a>

<p>

<a href="#" title="我想我可以忍住悲伤" onmouseover="showstatus(3);return true" onmouseout="showstatus(3);return true">我想我


可以忍住悲伤</a>

<p>

<a href="#" title="年轻的代价" onmouseover="showstatus(4);return true" onmouseout="showstatus(4);return true">年轻的代价</a>

<p>

<a href="#" title="当爱情泛滥时,我们该如何面对" onmouseover="showstatus(5);return true" onmouseout="showstatus(5);return


true">当爱情泛滥时,我们该如何面对</a>

</body>

</html>


点击打开新窗口

图4-2 修改链接源在状态栏的显示信息

4.3 在浏览器状态栏中创建闪烁文本
〔示例三〕
<html>

<head>

<title>Welcome to hfcec...</title>

<script language="javascript">

<!--

var message="在状态栏中闪烁显示的文本";

//定义变量,其目的是设定message闪烁的频率,其数值越大,闪烁得越慢

var speed=100;

var control=1;

function shanshuo()

{

if (control==1)

{

window.status=message;

control=0;

}

else

{

window.status="";

control=1;

}

setTimeout("shanshuo()",speed);

}

//-->

</script>

</head>

<body onload="shanshuo()">

</body>

</html>


点击打开新窗口

标题栏的动态效果
〔示例四〕
<html>

<head>

<title>Welcome to hfcec...</title>

</head>

<body onload="startgo()">

<script language="javascript">

<!--

var speed=300;

var control=1;

function startgo()

{

if (control==1)

{

document.title="□■□■□■□■□■□■□■□■";

control=0;

}

else

{

document.title="■□■□■□■□■□■□■□■□";

control=1;

}

setTimeout("startgo()",speed);

}

//-->

</script>

</body>

</html>


点击打开新窗口
Javascript热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号