标题栏变成滚动的公告栏

稿源：互联网 2022-08-03 22:05:45 点击： 236 撤稿纠错

标题栏变成滚动效果，看惯了普通的标题栏，相信这个特效可以增加些许新鲜感。

以下讨论的是和标题栏滚动特效相关的标题栏变成滚动的公告栏教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>

<head>
<title>阿里西西网页特效演示，标题栏变成滚动的公告栏</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>

<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"> </font></td>
    <td align="middle" height="124" width="294"><font face="幼圆" size="3" color="#0000FF">  
      看惯了一成不变的标题栏，是不是想变一下，这里给出了一个标题栏程序，可以把标题栏变成滚动的公告栏，看看上面的标题栏，或按一下“刷新”按钮,再观察标题栏，效果不错吧!</font></td>
  </tr>
</TBODY>
</table>
</center></div>

<!-- hide

function goHist(a)

{

history.go(a);

}

//-->

</script>

</body>
</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于标题栏变成滚动的公告栏的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071496096.shtml方便下次再访问哦。

·上一篇： 状态栏上的摆动文字
·下一篇： 状态栏文字从右弹出

标题栏变成滚动的公告栏

文章分类LIST >>返回首页

最新游戏

最新新闻