您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>网页代码教程>>>状态栏特效二
状态栏特效二
发表日期:2007/9/27 18:40:00 出处:未知 作者:馨馨梦幻收集整理 发布人:jxhp 已被访问 1030


状态栏特效二


一、状态栏上文字先出现特殊效果,然后再出现文字
 
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var data = "0123456789";
var done = 1;
function statusIn(text) {
decrypt(text, 2, 1);
}

function statusOut() {
self.status = '''''''';
done = 1;
}

function decrypt(text, max, delay) {
if (done) {
done = 0;
decrypt_helper(text, max, delay, 0, max);
}
}
function decrypt_helper(text, runs_left, delay, charvar, max) {
if (!done) {
runs_left = runs_left - 1;
var status = text.substring(0, charvar);
for (var current_char = charvar; current_char < text.length; current_char++) {
status += data.charAt(Math.round(Math.random()*data.length));
}
window.status = status;
var rerun = "decrypt_helper(''''" + text + "''''," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "decrypt_helper(''''" + text + "''''," + max + "," + delay + "," + new_char + "," + max + ");"
if(runs_left > 0) {
setTimeout(rerun, delay);
}
else {
if (charvar < text.length) {
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}
else {
done = 1;
}
}
}
}
// End -->
</script>
 
 
二、状态栏的字符有点冒泡的感觉
 
要完成此效果需要两个步骤

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

<script language="JavaScript">

  <!-- Funny text script by Bart Jellema
    var hellotext="欢迎光临"
    var thetext=""
    var started=false
    var step=0
    var times=1

    function welcometext()
    {
      times--
      if (times==0)
      {
        if (started==false)
        {
          started = true;
          window.status = hellotext;
          setTimeout("anim()",1);
        }
        thetext = hellotext;
      }
    }

    function showstatustext(txt)
    {
      thetext = txt;
      setTimeout("welcometext()",4000)
      times++
    }

    function anim()
    {
      step++
      if (step==7) {step=1}
      if (step==1) {window.status=''''>===''''+thetext+''''===<''''}
      if (step==2) {window.status=''''=>==''''+thetext+''''==<=''''}
      if (step==3) {window.status=''''>=>=''''+thetext+''''=<=<''''}
      if (step==4) {window.status=''''=>=>''''+thetext+''''<=<=''''}
      if (step==5) {window.status=''''==>=''''+thetext+''''=<==''''}
      if (step==6) {window.status=''''===>''''+thetext+''''<===''''}
      setTimeout("anim()",200);
    }
 

</script>


第二步:把“onLoad="welcometext()"”加在<body>标记里
例如:<body onLoad="welcometext()">
 
 
三、状态栏文字由中间向两边显示
 
要完成此效果需要两个步骤

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

<SCRIPT LANGUAGE="JavaScript">
<!-- hide script from old browsers
var phrase = "欢迎光临";
var lenPhrase = phrase.length;
var phraseOut = "";
var pause = 100;
var i=0;
var j=0;
function explode() {
    i++;
    phraseOut = "";
    for (j=1; j<=(lenPhrase/2)-i; j++) {
      phraseOut += "  ";
    }
    for (j=1; j<=i; j++) {
      phraseOut += phrase.charAt(j-1);
    }
    for (j=i; j>=1; j--) {
      phraseOut += phrase.charAt(lenPhrase-j);
    }
    for (j=1; j<=(lenPhrase/2)-i; j++) {
      phraseOut += "  ";
    }
    window.status = phraseOut;
    if (i<lenPhrase/2) {
        setTimeout("explode()",pause);
    }
}
// end hiding contents -->
</SCRIPT>


第二步:把“OnLoad="explode()"”加在<body>标记里
例如:<body OnLoad="explode()">
 
 
四、在标题栏出现跑马灯式的字符
 
要完成此效果需要两个步骤

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

<script language=javascript >
var text=document.title
var timerID

function newtext() {
           
            clearTimeout(timerID)
                                 
            document.title=text.substring(1,text.length)+text.substring(0,1)
           
            text=document.title.substring(0,text.length)
           
            timerID = setTimeout("newtext()", 100)
 
}

</script>


第二步:把“onload="newtext()"”加在<body>标记里
例如:<body onload="newtext()">
 
 
五、字符来回出现于状态栏特效代码
 
要完成此效果需要两个步骤

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

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var Message="欢迎光临!";

var place=1;

function scrollIn() {

window.status=Message.substring(0, place);

if (place >= Message.length) {

place=1;

window.setTimeout("scrollOut()",300);

} else {

place++;

window.setTimeout("scrollIn()",50);

   }

}

function scrollOut() {

window.status=Message.substring(place, Message.length);

if (place >= Message.length) {

place=1;

window.setTimeout("scrollIn()"

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

烟雨亭-透明FLASH|QQ空间FLASH|音乐|动漫|图片|教程|娱乐| | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:804994046 E-mail:jxhp16789@163.com 联系人:梦幻