页面内浮动的往返折回文字_网页文本特效

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

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 网页文本特效 >> 页面内浮动的往返折回文字	查看此特效演示

页面内浮动的往返折回文字

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

<SCRIPT>
<!-- Beginning of JavaScript -
var your_message="BUTONG.NET"
var textfont="Verdana"
var textsize=20
var textcolor="006600"
var textboldness=7
var tempo=40
var stepx=30
var stepy=20
var msg=new Array()
var msg=your_message
var message=msg.split("")
var numberofletters=msg.length-1
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
textboldness=textboldness*100
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()

for (i=0; i<=numberofletters;i++) {
    xpos[i]=0
	ypos[i]=0
}

for (i=0;i<=numberofletters;i++) {
	spancontent[i]="<span style='position:relative;font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+";font-weight:"+textboldness+"'>"+message[i]+"</span>"
}

function setValues() {
    var firsttimer= setTimeout("setValues2()",2000)
}

function randommaker(range) {		
	rand=Math.floor(range*Math.random())
    return rand
}

function moveball() {
	if (document.all) {
		checkposition()
   		makesnake()
   		document.all.span0.style.posTop+=stepy
    	timer=setTimeout("moveball()",tempo)
	}
	if (document.layers) {
		checkposition()
   		makesnake()
   		document.span0.top+=stepy
    	timer=setTimeout("moveball()",tempo)
	}
}

function checkposition() {
	if (document.all) {
		if (document.all.span0.style.posLeft>marginright) {
			stepx=(stepx+randommaker(2))*-1
			document.all.span0.style.posLeft-=1
		}
		if (document.all.span0.style.posLeft<marginleft) {
			stepx=(stepx+randommaker(2))*-1
			document.all.span0.style.posLeft+=1
		}	
		if (document.all.span0.style.posTop>marginbottom) {
			stepy=(stepy+randommaker(2))*-1
			document.all.span0.style.posTop-=1
		}
		if (document.all.span0.style.posTop<margintop) {
			stepy=(stepy+randommaker(2))*-1
			document.all.span0.style.posTop+=1
		}
	}
	if (document.layers) {
		if (document.span0.left>=marginright) {
			stepx=(stepx+randommaker(2))*-1
			document.span0.left-=10
		}
		if (document.span0.left<=marginleft) {
			stepx=(stepx+randommaker(2))*-1
			document.span0.left+=10
		}	
		if (document.span0.top>=marginbottom) {
			stepy=(stepy+randommaker(2))*-1
			document.span0.top-=10
		}
		if (document.span0.top<=margintop) {
			stepy=(stepy+randommaker(2))*-1

document.span0.top+=10
		}
	}
}
// - End of JavaScript - -->
</SCRIPT>
  <SCRIPT>
<!-- Beginning of JavaScript -

for (i=0;i<=numberofletters;i++) {
    document.write("<span id='span"+i+"' style='position:absolute'></span>")
    document.close()
}

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

修改<body>标签为

使用说明："var your_message"为文字的内容，"var textcolor"为文字的颜色，可自行更改。

上一个特效：模拟LED电子显示器

返回列表