文字在页面上蜿蜒飞舞_网页文本特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 网页文本特效 >> 文字在页面上蜿蜒飞舞	查看此特效演示

文字在页面上蜿蜒飞舞

把如下代码复制到<body>与</body>之间

<SCRIPT>
<!-- 
var mes = new Array()
mes[0]="欢迎光临 网页特效库BUTONG.NET! "
mes[1]="谢谢下载本脚本 "
mes[2]="相信你会令本程序发挥到最适当之处 "
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=5

// 字体的属性
var textfont="宋体"
var textsize=12
var textcolor="006600"

// 字符的间距，如果你改变字体的大小也要改变这里
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*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
}

// - 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>")
	}

// - End of JavaScript - -->
</SCRIPT>

修改<body>标签为

使用说明：文字在页面上蜿蜒飞舞并依次变换内容，mes[0]至mes[4]为变换文字的内容，可以自行更改。

上一个特效：拖动滑动条实现文字缩放

返回列表

下一个特效：由纯文本实现的动画效果