网页TITLE动起来

Author: 吴斌 Date: 2001年 16期

?牐犓械腍TML文件都必须包括一个<title>标记，即网页文件的标题TITLE。通过网页文件标题，人们能够很方便地识别网页的主题，起到了很好的导向作用，而在浏览器的标题栏内显示的就是<title></title>之间的网页文件标题。
　　?牐牰耐砊ITLE能给人耳目一新的感觉。现在就让我带大家来看看两例具有动感的网页TITLE标题栏！
　　?牐犂唬轰榔鞅晏饫改谖淖侄鹄?
　　?牐犑紫热梦颐怯肍rantpage2000来新建一个网页，在网页的<head></head>之间加入一段JavaScript代码，并修改<body>……</body>，使之变为<body onload=“newtext（）” >……</body>。
　　?牐犕吃闯绦蛉缦拢?
　　?牐?<html>
　　?牐?<head>
　　?牐?<title>欢迎光临电脑报！……</title>
　　?牐?<script language=javascript >
　　?牐爒ar text=document.title
　　?牐爒ar timerID
　　?牐爁unction newtext（）?煟?
　　?牐爗??
　　?牐燾learTimeout?煟╰imerID）??
　　?牐燿ocument.title=text.substring（1，text.length）+text.substring（0，1）??
　　?牐爐ext=document.title.substring（0，text.length）??
　　?牐爐imerID = setTimeout（“newtext（）”，100）??
　　?牐爙??
　　?牐?</script>
　　?牐?</head>
　　?牐?<body onload=“newtext（）”>
　　?牐?<h1 align=“center”><font color=“#800000”><br>网页TITLE动起来！</font></h1>
　　?牐?</body>
　　?牐?</html>
　　?牐牶昧耍衷诖蠊σ迅娉桑４嫱澈螅阡榔髦写蚩慊峥吹酵砊ITLE“电脑报读者你们好！”在浏览器标题栏内不停地由左向右移动，动感极佳！
　　?牐犂轰榔鞅晏饫改诶椿嘏芏暮谏庑?
　　?牐犕肍rantpang2000新建一个网页，在<head></head>之间加入一段JavaScript代码，就能实现一个更酷的效果。
　　?牐犕吃闯绦蛉缦拢?
　　?牐?<html>
　　?牐?<head>
　　?牐?<title>动感网页TITLE</title>
　　?牐?<script language=javascript >
　　?牐爐itle＿tmp1=document.title
　　?牐爄f （title＿tmp1.indexOf（“>>”）!=-1{?牓?
　　?牐爐itle＿tmp2=title＿tmp1.split?煟ā?>>”）;?牔?
　　?牐爐itle＿last=“ —> ”+title＿tmp2[1];?牔?
　　?牐爐itle＿last=title＿last + “ —> ” + title＿tmp2[2]?牔?
　　?牐爙else{??
　　?牐爄f （title＿tmp1.indexOf（“——”）!=-1）{?牓?
　　?牐爐itle＿tmp2=title＿tmp1.split（“——”）;?牔?
　　?牐爐itle＿last=“ —> ”+title＿tmp2[1];?牔?
　　?牐爄f （title＿last==“ —> ”）{title＿last=“ —> ”）;?牔?
　　?牐爄f （title＿last==“ —> ”）{title＿last=“ —> ”）;?牔?
　　?牐爙??
　　?牐爀lse {title＿last=“http://www.cpcw.com”}??
　　?牐爙??
　　?牐爐itle＿new=“电脑报电子版”+title＿last+“”
　　?牐爏tep=0
　　?牐爁unction flash＿title（）?煟?
　　?牐爗??
　　?牐爏tep++
　　?牐爄f ?煟╯tep==7）?? ?焮step=1}??
　　?牐爄f ?煟╯tep==1）?? ?焮document.title=＇◆◇◇◇＇+title＿new+＇◇◇◇◆＇}??
　　?牐爄f ?煟╯tep==2）?? ?焮document.title=＇◇◆◇◇＇+title＿new+＇◇◇◆◇＇}?牓?
　　?牐爄f ?煟╯tep==3）?? ?焮document.title=＇◇◇◆◇＇+title＿new+＇◇◆◇◇＇}?牓?
　　?牐爄f ?煟╯tep==4）?? ?焮document.title=＇◇◇◇◆＇+title＿new+＇◆◇◇◇＇}?牓?
　　?牐爄f ?煟╯tep==5）?? ?焮document.title=＇◇◇◆◇＇+title＿new+＇◇◆◇◇＇}?牓?
　　?牐爄f ?煟╯tep==6）?? ?焮document.title=＇◇◆◇◇＇+title＿new+＇◇◇◆◇＇}?牓?
　　?牐爏etTimeout（“flash＿title（）”，180）;?牔?
　　?牐爙??
　　?牐爁lash＿title（）?煟?
　　?牐?</script>
　　?牐?</head>
　　?牐?<body>
　　?牐?<p align=“center”>　</p>
　　?牐?<h1 align=“center”><font color=“#800000”>《电脑报》欢迎您！</font></h1>
　　?牐?</body>
　　?牐?</html>
　　?牐犜だ朗保颐强梢钥吹酵潮晏狻暗缒员ǖ缱影鎕ttp://www.cpcw.com”的两侧，黑色的菱形在白色菱形间来回跑动，效果棒极了！
　　?牐犜趺囱芯醪灰谎桑坑懈鋈酥饕车呐笥迅峡彀颜饬礁鎏匦в玫侥愕耐持腥ィ?
　　
　　