调节文字移动形式-网页制作-轻松学电脑

没有公告

	加入收藏
	设为首页
	联系站长

轻松学电脑>>网页制作>>文本特效类>>调节文字移动形式

双击滚屏阅读

调节文字移动形式

调节文字移动形式

下面为效果显示区!

脚本说明:
第一步:把如下代码加入<body>区域中
<script language="JavaScript">

var u=0
var v=0
var f = Math.PI/180
var txt="----------------------------------------------------------------------------------------------------"
u=0
var text1 = "=> 欢迎你 <=---"
var text2 = "=> javascript <=---"
var text = text1
var cpt=19
var t=0
var z=0
function maketab(pas) {
        for (var i=0; i<180; i++) {
        sinus = Math.round(Math.sin(i*f)*100);
        this[i] = sinus;
        }       
}
        var tb = new maketab()

function move(z) {

if (u>180) {u=0}
        if (v>180) {v=0}
        change()
        if (z==0) {
                u+=2
                document.forms[0].elements[0].value = txt.substring(0,tb[u]) + text
        }
        if (z==1) {
                v+=2
                window.status = txt.substring(0,tb[v]) + text
        }
        if (z==2) {
                u+=2
                v+=2
                document.forms[0].elements[0].value = txt.substring(0,tb[u]) + text
                window.status = txt.substring(0,tb[v]) + text
        }

setTimeout ("move(z)",150);  //设置字符移动速度
}

</script>
<form name="msg">
  <p><input type="text" size="79" name="mesg"> </p>
  </small></font></small></p>

第二步:把如下代码加入<body>区域中
<body bgcolor="#fef4d9" onload=move(0)>

上一篇文章：文字同时输出

下一篇文章：文字飘动输出

阅读top10

	文字弯曲变形
	文字向左移动
	按钮驱动文字闪烁
	文字胡乱跳动
	链接在右面打开
	状态栏条
	点击出现链接
	文字连续闪烁
	文字段任意移动
	点击改变文字
	文字逐个闪烁
	各种形式文字输出
	文字飘动输出
	调节文字移动形式

查看调节文字移动形式全部内容