注册 | 登录
收藏 | 帮助
热门文章
编辑推荐
相关文章  
没有相关文章
您现在的位置: 顶尖设计 >> 网页设计 >> 网页特效 >> 文章正文
文本特效文本飞舞特效
作者:佚名  来源:网络  点击:  更新:2007-3-22

说明: 文本飞舞特效

效果: 运行后查看!

代码:

<SCRIPT>
<!--
var mes = new Array()
mes[0]="欢迎光临网教中国教学网 "
mes[1]="JavsScript Fairyland "
mes[2]="这里有大量充实的JS脚本 "
mes[3]="还有其它经典软件及教程 "
mes[4]="再次感谢您的光临!"

var maxtextlength=30
// 下以为路线,中间不能有空格
var path= new

Array(548,316,581,296,598,257,577,215,559,202,503,193,464,203,446,222,448,255,468,274,500,280,526,267,541,237,537,209,526,187,499,161,462,146,412,133,368,129,326,132,293,142,272,159,250,184,239,204,234,213,226,230,201,253,186,259,165,265,136,268,110,270,83,267,58,260,36,243,26,229,22,210,24,191,29,174,39,163,56,154,76,150,96,149,110,148,135,152,165,156,196,165,208,172,231,181,254,192,280,203,305,210,339,210,366,206,389,195,405,182,419,167,428,148,442,116,448,80,443,41,401,8,347,0,300,11,280,30,256,50,230,58,198,61,169,56,141,50,113,45,87,36,70,29,52,24,28,18,7,15)

// 第二个信息间隔多久出现
var stoptime=2

// 字体的属性
var textfont="宋体"
var textsize=14
var textcolor="33ff33"

// 字符的间距,如果你改变字体的大小也要改变这里
var letterspace=14

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*stoptime+1000
var pathx= new Array()

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 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++
}

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 makesnake() {
    if (i_path<=pathx.length-1) {
        for (i=message.length-1; i>=1; i--) {
               xpos[i]=xpos[i-1]
            ypos[i]=ypos[i-1]
        }
        xpos[0]=pathx[i_path]
        ypos[0]=pathy[i_path]
        if (document.all) {
            for (i=0; i<message.length-1; i++) {
                var thisspan = eval("document.all.span"+(i)+".style")
                thisspan.posLeft=xpos[i]
                thisspan.posTop=ypos[i]
            }
        }
        if (document.layers) {
            for (i=0; i<message.length-1; i++) {
                var thisspan = eval("document.span"+i)
                thisspan.left=xpos[i]
                thisspan.top=ypos[i]
            }
        }
        i_path++
        timer=setTimeout("makesnake()",20)
    }
    else {
        clearTimeout(timer)
        endposition()
    }
}

function endposition() {
        if (document.all) {
            for (i=0; i<message.length-1; i++) {
                var thisspan = eval("document.all.span"+(i)+".style")
                thisspan.posLeft=tickerleft+finalxpos
                thisspan.posTop=tickertop
                finalxpos+=letterspace
            }
        }
        if (document.layers) {
            for (i=0; i<message.length-1; i++) {
                var thisspan = eval("document.span"+i)
                thisspan.left=tickerleft+finalxpos
                thisspan.top=tickertop
                finalxpos+=letterspace
            }
        }
        timer=setTimeout("clearmessage()",stoptimemilli)
}

function clearmessage() {
        finalxpos=tickertop
        i_path=0
        for (i=0;i<=maxtextlength;i++) {
            xpos[i]=5000
        }
        if (document.all) {
            for (i=0;i<=maxtextlength;i++) {
                var thisspan = eval("document.all.span"+i)
                thisspan.innerHTML=" "
                var thisspan = eval("document.all.span"+(i)+".style")
                thisspan.posLeft=xpos[i]=5000
            }
        }
        if (document.layers) {
            for (i=0;i<=maxtextlength;i++) {
                var thisspan = eval("document.span"+i+".document")
                thisspan.write("<p> </p>")
                thisspan.clear()
                thisspan = eval("document.span"+i)
                thisspan.left=5000
            }
        }
        timer=setTimeout("changemessage()",2000)
}

function changemessage() {
        var messa=mes[i_mes]
        message=messa.split("")
        if (document.all) {
            for (i=0;i<=message.length-1;i++) {
                var thisspan = eval("document.all.span"+i)
                thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor+"'>"+message[i]+"</p>"
            }
        }
        if (document.layers) {
            for (i=0; i<message.length-1; i++) {
                var thisspan=eval("document.span"+i+".document")
                thisspan.write("<p><font size="+textsize+" color="+textcolor+" face="+textfont+">"+message[i]+"</font></p>")
                thisspan.clear()
            }
        }
        i_mes++
        if (i_mes>=mes.length) {i_mes=0}
        finalxpos=tickertop
        i_path=0
        timer=setTimeout("makesnake()",1000)
}

// - End of JavaScript - -->
</SCRIPT>
<STYLE>.spanstyle {
    LEFT: 5000px; POSITION: absolute; VISIBILITY: visible
}
</STYLE>
<SCRIPT>
<!-- Beginning of JavaScript -
    for (i=0;i<=maxtextlength;i++) {
        document.write("<span id='span"+i+"' class='spanstyle'>")
        document.write(message)
        document.write("</span>")
    }
changemessage()
// - End of JavaScript - -->
</SCRIPT>






  • 上一篇文章:
  • 下一篇文章:
  • 分享此文:该页面添加到 Mister Wong 添加到雅虎Yahoo!收藏 Add to:Del.icio.us Post to Furl Digg this 添加到Google书签 reddit spurl blogmarks 365Key 评论  收藏  分享  打印
     我来说两句
    姓名:       验证码:   
    主页: 
    评分: 1分 2分 3分 4分 5分
    本频道近期热评文章:
      关于我们 | 联系我们 | 站点地图 | 广告投放 | 友情链接 | 在线留言 | 版权申明
    版权所有 © 2004-2007 顶尖设计(bobd.cn)
    未经授权禁止转载,摘编,复制本站内容或建立镜像. 沪ICP备07504942号 
    网络110
    报警服务