状态栏特效

原创 2006年06月01日 13:12:00

状态栏 +在body中就ok

<script language="JavaScript">
   var MESSAGE  =   "  欢迎来到落伍者论坛谢谢!    "
   var POSITION = 150
   var DELAY    = 10
   var scroll = new statusMessageObject()
function statusMessageObject(p,d) {
  this.msg = MESSAGE
  this.out = " "
  this.pos = POSITION
  this.delay = DELAY
  this.i     = 0
  this.reset = clearMessage}
function clearMessage() {
  this.pos = POSITION}
function scroller() {
  for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
    scroll.out += " "}
  if (scroll.pos >= 0)
   scroll.out += scroll.msg
  else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
  window.status = scroll.out
  scroll.out = " "
  scroll.pos--
  if (scroll.pos < -(scroll.msg.length)) {
   scroll.reset()}
  setTimeout ('scroller()',scroll.delay)}
function snapIn(jumpSpaces,position) {
  var msg = scroll.msg
  var out = ""
  for (var i=0; i<position; i++)
    {out += msg.charAt(i)}
  for (i=1;i<jumpSpaces;i++)
    {out += " "}
  out += msg.charAt(position)
  window.status = out
  if (jumpSpaces <= 1) {
    position++
    if (msg.charAt(position) == ' ')
      {position++ }
    jumpSpaces = 100-position
  } else if (jumpSpaces >  3)
       {jumpSpaces *= .75}
  else
    {jumpSpaces--}
  if (position != msg.length) {
    var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
    scrollID = window.setTimeout(cmd,scroll.delay);
  } else {    window.status=""
    jumpSpaces=0
    position=0
    cmd = "snapIn(" + jumpSpaces + "," + position + ")";
    scrollID = window.setTimeout(cmd,scroll.delay);
    return false }
  return true}
snapIn(100,0);
</script>

相关文章推荐

网页状态栏显示特效......

  • 2011年06月05日 17:39
  • 6KB
  • 下载

UI_iOS应用状态栏样式设置_及导航栏(NavigationBar)透明

今天记录两点,如图片中的两条红线: 1..在特定的页面需要将状态栏变为白色. 2..为了页面美观度,特定的页面 需要将NavigationVC设置为透明,但是设置将一个透明图设置为Nav的背景图以后会...

网页页面中状态栏文字特效

  • 2009年08月25日 15:47
  • 3KB
  • 下载

Android开发类似苹果iOS 7的沉浸式状态栏

1、什么是沉浸式状态栏? 沉浸式状态栏是指Activity的ActionBar的颜色和状态栏的颜色一样,两者连接起来了,看起来就像是一个整体,跟苹果的ios7以后的样式一样。如下图所示: (沉...

修改QQ五笔输入法状态栏图标

1.下载必要的图标修改工具及资源,即:Axialis IconWorkshop 以及 ime.ico图标,下载地址:http://1drv.ms/1c1SGHU     Axialis IconWo...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:状态栏特效
举报原因:
原因补充:

(最多只允许输入30个字)