设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 状态栏特效 > 详细内容
标题栏变成滚动的公告栏
发布时间:2010-3-28  阅读次数:8230  字体大小: 【】 【】【

<html>

<head>
<title>网页特效|Linkweb.cn/Js|---标题栏变成滚动的公告栏</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><font color="red" face="隶书" size="6"> </p>

<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>

<p align="center"><br>
<br>
&nbsp; <script language="JavaScript">

<!-- hide

function goHist(a)

{

     history.go(a);

}

//-->

</script> </p>

<p><br>
<br>
</p>
</body>
</html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮