标题栏变成滚动的公告栏|状态栏类|技术中心|天诚世纪 www.tc-21.com

以下是HTML网页特效代码，点击运行按钮可查看效果：

<html>

<head>
<title>网页特效|tc-21.com|---标题栏变成滚动的公告栏</title>
<style type="text/css">BODY {
	FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px
}
A {
	COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none
}
A:hover {
	COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline
}
A:active {
	COLOR: #ff0033; CURSOR: hand; FONT: 9pt "宋体"
}
</style>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<script language="javascript">
<!-- Hide me
var index_count = 0;
var title_string = "欢迎学习网页特效100例精彩集锦,这里有许多javascript源程序,是您设计主页的最好帮手! ";
var title_length = title_string.length;
var cmon;
var kill_length = 0;
function loopTheScroll()
{
scrollTheTitle();
if(kill_length > title_length)
 {
 clearTimeout(cmon);
 }

kill_length++;
cmon = setTimeout("loopTheScroll();",100)
}

function scrollTheTitle()
{
var doc_title = title_string.substring((title_length - index_count - 1),title_length);
document.title = doc_title;

index_count++;
}

loopTheScroll();

//-->
</script>

</head>

<body>

<p align="center"></font><strong><font face="宋体" size="5" color="#FF0000">标题</font></strong><font face="宋体" size="5" color="#FF0000">栏变化弹出</font><font face="宋体" size="5" color="#00FF00"><br>
　</font></p>
<div align="center"><center>

<table border="0" borderlight="green" height="152" width="469">
<TBODY>
  <tr>
    <td align="middle" height="16" width="151"></td>
    <td align="middle" height="16" width="294"></td>
  </tr>
  <tr>
    <td align="middle" height="124" width="151">
      <p align="center"><font face="宋体" size="5" color="#00FF00">&nbsp;</font></td>
    <td align="middle" height="124" width="294"><font face="幼圆" size="3" color="#0000FF">&nbsp; 
      看惯了一成不变的标题栏，是不是想变一下，这里给出了一个标题栏程序，可以把标题栏变成滚动的公告栏，看看上面的标题栏，或按一下“刷新”按钮,再观察标题栏，效果不错吧!</font></td>
  </tr>
</TBODY>
</table>
</center></div>

<!-- hide

function goHist(a)

{

history.go(a);

}

//-->

</script> </p>

[提示：可先修改代码再按运行]