课程四：状态栏与标题栏的属性的使用基础--博客帮助之家

博客帮助之家

主页

阅读

博客帮助之家

这个博客站点的目的是为了给很多电脑不熟悉的用户提供帮助，如果你在看了这里所描述的内容，自己仍然无法解决；或在使用过程中有不清楚，可以在文章后留言，我们会尽快给你回复，或直接加入我们的技术支持QQ群取得帮助（QQ群号码：33620918），另外也可以加我们的管理员QQ号码取得及时有效的帮助（QQ号码：2399544 或 549747523）欢迎你的加入！

课程四：状态栏与标题栏的属性的使用基础 [::博客帮助之家::]

window.status属性

window.status属性的语法为：window.status=string ;

其应用示例如下：

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

<!--

function hfcec()

{

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

}

//-->

</script>

</head>

</body>

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

修改超级链接在状态栏的显示信息

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

〔示例二〕
<html>

<head>

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

<!--

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

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>

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

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

<head>

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

<!--

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>

</html>

图3 在浏览器状态栏中显示闪烁文本

创建浏览器标题栏的动态效果
〔示例四〕
<html>

<head>

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

</head>

<!--

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>

图4 创建浏览器标题栏的动态效果

2006-7-16 19:16:05 阅读全文() | 回复(0) | 引用通告() | 编辑

..................................................
博客的精神于写自己某一刻的思想或心动！
..................................................
当然要是你愿意就是拿来做记事本也可以！
..................................................
群落博客将提供全程免费服务！免费注册！
..................................................
欢迎您成为群落博客的成员!使用之前请先看系统帮助>>>>系统帮助
..................................................