状态栏和标题栏文字特效--化学家园

色彩教程- -| 回首页 | 2006年索引 | - -一些与网页密切相关的技术

状态栏和标题栏文字特效

说明:以下代码加入博客摘要（500字符以内)、链接管理(2000字符以内)或日志适当的位置即可!

1.间隔状态栏跑马灯

2.文字从右弹出

<script language="JavaScript">

</script>

3.文字从左依次弹出

4.文字从右到左移动

<script>

</script>

5.title栏变化弹出

6.文字组合弹出

<script language="javascript">
<!--
var speed = 10 
var pause = 1500 
var timerID = null
var bannerRunning = false
var ar = new Array()

ar[0] = "欢迎来到化学世界！  "
ar[1] = "欢迎光临高考专栏  "
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())
}
// -->
</script>
<body bgcolor="#fef4d9" onLoad="startBanner()">

7.文字不停闪烁

8.title显示日期

9.状态栏固定信息

10.让标题栏文字动起来的特效

【作者: 长空星雨】【访问统计:】【2006年03月29日星期三 20:50】【加入博采】【打印】

Trackback

你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=4764470

博客手拉手

回复

验证码：
评论内容：