设为首页   加入最爱           最新更新:全方位英文文章资料库
 
资料坊搜索： 标题 全文     
用JavaScript来控制状态栏
   首页>>YesizeCOM>>电脑技能坊>>Javascript>>正文       
 
广告招租，e-mail:yesize@hotmail.com

广告招租，e-mail:yesize@hotmail.com

1、跳动的文字

把以下代码放在<head></head>之间：
<script language=JavaScript>
<!-- Hide
var speed = 10 
var pause = 1500 
var timerID = null
var bannerRunning = false
var ar = new Array()

ar[0] = MESSAGE #1
ar[1] = MESSAGE #2
ar[2] = MESSAGE #3
ar[3] = MESSAGE #4

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>中：
<body onLoad=startBanner()>
2、文本变换

把以下代码放在<head></head>之间：
<script language=JavaScript>
function update(msg) {
        var pad_str=;
        n = msg.length;
        if(n<81) {
                pad = (81-n)/2;
                for(var i=0; i<pad; i++) {
                        pad_str+= ;
                }       
        }       
        CurrentMsg = pad_str + msg;
        document.messages.field.value = CurrentMsg;
        clearTimeout(timer);
        timer = setTimeout(idleMsg(),5000);
}       
function MakeArray(n) {
        this.length=n;
        for(var i = 1; i<= n; i++) {
                this[i] = ;
        }
        return(this);
}
var index = 1;
var notice_num = 4;
var notices = new MakeArray(notice_num);
notices[1] = MESSAGE #1;
notices[2] = MESSAGE #2;
notices[3] = MESSAGE #3;
notices[4] = MESSAGE #4;

function idleMsg() {
        update(notices[index++]);
        if(index>notice_num) { index=1; }
}
</script>
把以下代码放在HTML文件任意地方：
<form name=messages onSubmit=return false>
<input type=text name=field size=60 height=5 value=>
</form>
3、状态栏闪烁文字

把以下代码放在<head></head>之间：
<script>
var yourwords = Welcome to AhaoHomePage;
var speed = 300;
var control = 1;
function flash()
{
  if (control == 1)
    {
      window.status=yourwords;
      control=0;
    }  
  else
    {
      window.status=;
      control=1;
    }
  setTimeout(flash(),speed);
}
</script>
把以下代码放在<body>tag：
<body onLoad=flash()>
4、编辑框滚动文字

把以下代码放在<head></head>之间：
<script language=JavaScript>
<!-- Hide
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;

function ticker() {
        var i,k,msg=YOUR MESSAGE GOES HERE;
        k=(30/msg.length)+1;
        for(i=0;i<=k;i++) msg+= +msg;
        document.form2.ticker.value=msg.substring(position,position+30);
        if(position++==38) position=0;
        id=setTimeout(ticker(),1000/10); }

function action() {
        if(!pause) {
                clearTimeout(id);
                pause=1; }

        else {
                ticker();
                pause=0; } }
//-->
</script>

把以下代码放在<body>中：
<body onLoad=ticker()>
5、状态栏跑马灯效果

把以下代码放在<head></head>之间：
<SCRIPT LANGUAGE=JavaScript>
<!--
var speed = 50
var pause = 2000
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] = MESSAGE #1
ar[1] = MESSAGE #2
ar[2] = MESSAGE #3
ar[3] = MESSAGE #4

var currentMessage = 0
var offset = 0
function stopBanner() {
        if (bannerRunning)
                clearTimeout(timerID)
        bannerRunning = false
}
function startBanner() {
        stopBanner()
        showBanner()
}
function showBanner() {
        var text = ar[currentMessage]
        if (offset < text.length) {
                if (text.charAt(offset) ==  )
                        offset++                        
                var partialMessage = text.substring(0, offset + 1) 
                window.status = partialMessage
                offset++ 
                timerID = setTimeout(showBanner(), speed)
                bannerRunning = true
        } else {
                offset = 0
                currentMessage++
                if (currentMessage == ar.length)
                        currentMessage = 0
                timerID = setTimeout(showBanner(), pause)
                bannerRunning = true
        }
}
// -->
</SCRIPT>
把以下代码放在<body>中：
<body onLoad=startBanner()>
上一篇：用JavaScript制作站内搜索 下一篇：用JavaScript实现一些随机事件

版权说明：作品来源于网上，版权归作者所有，如果无意中侵犯了您的版权，请来信告知，本站将在3个工作日内删除。yesize@hotmail.com
  热门小游戏分类 
射击小游戏 连连看小游戏
台球小游戏 成人小游戏
CS小游戏 化妆小游戏
赛车小游戏 休闲小游戏
篮球小游戏 换装小游戏
儿童小游戏 牛牛小游戏
麻将小游戏 冒险小游戏
美媚小游戏 益智小游戏
体育小游戏  
Society Recreation & Sports
Travel & Leisure Communications
Vehicles Computers
Fashion Arts & Entertainment
Reference & Education Disease & Illness
Writing & Speaking Politics
Product Reviews Food & Beverage
Finance Internet Business
Self Improvement Home & Family
Health & Fitness Business
最新更新内容
警惕“公务员报考热”背
公务员考试不是丈母娘考
一名新公务员的自白：我
公务员考脑筋急转弯与挂
北努斗：2006行政能力测
大讨论：06行测BT题目大
过来人回忆：当年，我也
一家之言：公务员热折射
公务员考试申论要是有正
数十万大学生走进公务员
      粤ICP备05005424         Copyright ©2000 - 2004 Yesize.COM