字符从右波浪式出现然后下落

稿源：互联网 2022-05-17 16:12:38 点击： 237 撤稿纠错

字符从右波浪式出现然后下落效果，阿里西西网页特效收集。

以下讨论的是和特效相关的字符从右波浪式出现然后下落教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果需要三个步骤

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

<SCRIPT>
var mes = new Array()
mes[0]="欢迎来到网页特效"
mes[1]="本站收罗了大量网页特实例，可在线测试"
mes[2]="本站域名：free.alixixi.com"
mes[3]="请继续关注本网站"
// 以下是文字轨道
var path= new Array(554,9,552,10,550,13,542,13,538,13,532,10,528,9,528,9,522,7,519,8,512,9,510,11,507,13,505,16,500,17,495,18,492,17,488,15,482,9,477,9,473,9,466,12,461,17,459,19,452,20,448,21,443,18,439,15,434,9,431,9,424,8,419,9,416,11,412,12,410,15,408,17,406,19,398,19,391,20,383,19,379,17,372,14,369,10,364,9,356,7,348,8,340,9,334,11,323,13,315,17,301,18,293,17,288,12,285,10,278,7,274,7,269,9,268,9,265,12,260,17,250,17,241,17,229,16,220,10,216,9,213,9,208,9,203,9,194,14,188,16,177,16,166,16,157,14,149,13,146,8,135,7,124,6,114,9,104,14,94,16,69,16,61,15,41,15,34,15,22,16,12,16,13,15)
var stoptime=2

var textfont="宋体"
var textsize=16

var textcolor=new Array("00ffff","ff00ff","ffff00","00ff00")

var fontweight=0

var gloweffect=1

var letterspace=12 //字符间距

var tickerleft=path[path.length-2]
var tickertop=path[path.length-1]
var timer
var finalxpos=tickerleft
var i_mes=0
var message=""
var i_path=0
var stoptimemilli=stoptime*10
var maxtextlength=0
var i_endposition=0

var pathx= new Array()
var ii=0
for (i=0;i<=path.length-1;i=i+2) {
    pathx[ii]=path[i]
    ii++
}
ii=0
var pathy= new Array()
for (i=1;i<=path.length-1;i=i+2) {
    pathy[ii]=path[i]
    ii++
}

if (gloweffect==1) {
    gloweffect="style='filter:glow(strength=1,color=yellow)'"
}
else {
    gloweffect=""
}

if (fontweight==1) {
    fontweight="<b>"
}
else {
    fontweight=""
}

for (i=0;i<=mes.length-1;i++) {
    if (mes[i].length>=maxtextlength) {maxtextlength=mes[i].length}
}

for (i=0;i<=mes.length-1;i++) {
    mes[i]=mes[i]+" "
}

if (document.layers) {
    if (textsize>20) {textsize=6}
    else if (textsize>20) {textsize=5}
    else if (textsize>14) {textsize=4} 
    else if (textsize>10) {textsize=3}
    else if (textsize>8) {textsize=2}
    else if (textsize<=7) {textsize=1}
}

var xpos=new Array()
for (i=0;i<=maxtextlength;i++) {
    xpos[i]=5000
}

var ypos=new Array()
for (i=0;i<=maxtextlength;i++) {
    ypos[i]=5000
}

function randomizer(range) {        
    return Math.floor(range*Math.random())
}

<STYLE>.dance {
    LEFT: 5000px; VISIBILITY: visible; POSITION: absolute
}
</STYLE>

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

<SCRIPT>
for (i=0;i<=maxtextlength;i++) {
        document.write("<span id='span"+i+"' class='dance' "+gloweffect+">")
        document.write(message)
        document.write("</span>")
    }
</SCRIPT>

第三步：把“onload=changemessage()”加在<body>标记里
例如：<body onload=changemessage()>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于字符从右波浪式出现然后下落的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807152616.shtml方便下次再访问哦。

·上一篇： 不断跳动的文字效果
·下一篇： 波浪文字

字符从右波浪式出现然后下落

文章分类LIST >>返回首页

最新游戏

最新新闻