ASP学校学生基地,原创基地,ASP优秀程序,定制程序,学校信息化教育整合系统的开始! 设为首页 添加到收藏夹 25175产品
  首页 > 网站技巧指南 > javaScript技巧
        阅读新闻
 

状态栏特效集合

状态栏文字发散与集合(经典)

[日期:2007-05-09]  来源:25175.com  作者:admin  阅读: 次  [字体: ]

状态栏文字发散与集合(经典)

第一步:把如下代码加入到<head>区域中

<script language="javascript">powered by 25175.net

<!-- Hide this script from old browsers --

var speed = 10

var pause = 1500

var timerID = null

var bannerRunning = false

var ar = new Array()

 

ar[0] = "欢迎来到www.25175.net!  "

ar[1] = "欢迎光临25175站"

ar[2] = "请多提意见,谢谢!    "

 

var message = 0

var state = ""

clearState()

function stopBanner() {

        if (bannerRunning)

                clearTimeout(timerID)

        bannerRunning = false

}

 

function startBanner() {

        stopBanner()

        showBanner()

}

function clearState() {

        state = ""

        for (var i = 0; i < ar[message].length; ++i) {

                state += "0"

        }

}

function showBanner() {

        if (getString()) {

                message++

                if (ar.length <= message)

                        message = 0

                clearState()

                timerID = setTimeout("showBanner()", pause)

                bannerRunning = true

        } else {

                var str = ""

                for (var j = 0; j < state.length; ++j) {

                        str += (state.charAt(j) == "1") ? ar[message].charAt(j) : "     "

                }

                window.status = str

                timerID = setTimeout("showBanner()", speed)

                bannerRunning = true

        }

}

function getString() {

        var full = true

        for (var j = 0; j < state.length; ++j) {

                if (state.charAt(j) == 0)

                        full = false

        }

        if (full)

                return true

        while (1) {

                var num = getRandom(ar[message].length)

                if (state.charAt(num) == "0")

                        break

        }

        state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)

        return false

}

function getRandom(max) {

        return Math.round((max - 1) * Math.random())

}

// -- End Hiding Here -->

</script>


第二步:把“onLoad="startBanner()"”加在<body>标记里
例如:<body onLoad="startBanner()">



上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9..] [16] 下一页   
【内容导航】
第1页:状态栏文字闪动效果 第2页:标题栏文字按时间转换
第3页:文字从右边射出效果 第4页:状态栏文字发散与集合(经典)
第5页:醒目的标题栏效果 第6页:标题栏里多段文字交替显示
第7页:状态栏显示页面载入进度 第8页:闪动的状态栏文字
第9页:间隔状态栏跑马灯 第10页:状态栏弹出文字组合
第11页:状态栏动态显示现在时间 第12页:标题栏变化弹出(Title)
第13页:不停闪烁的状态栏文字 第14页:状态栏显示文字链接信息
第15页:状态栏显示固定信息 第16页:标题栏文字动起来
推荐给朋友 】 【 打印此文章 】 【 加入收藏
 

上一篇:按钮特效集合
下一篇:菜单导航集合

       相关新闻   效果  状态栏  文字 

       本文评论   所有评论
 
 

点评: 字数
姓名:

.
网站制作 | 广告服务 | 产品价格 | 汇款方式 | 购买指南 | 程序制作 |
技术支持
Copyright © 2008 25175. All Rights Reserved powered by 25175 | 浙ICP备05022281 | 法律顾问:陈淑丽