欢迎词的个性表达-蠕动文字_网页文本特效

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

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 网页文本特效 >> 欢迎词的个性表达-蠕动文字	查看此特效演示

欢迎词的个性表达-蠕动文字

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

<p>
  <script>
<!-- Beginning of JavaScript -
// more javascript from http://www.butong.net
var your_message="欢迎来到网页特效库"

// font-family
var messagefont="宋体"

// font-size
var messagesize=9

// font-color
var messagecolor="FF0000"

// font-weight (boldness). Set it to a value between 1 and 9
var messageboldness=1

// the height of the ticker (pixels)
var tickerheight=90

// the width of the ticker (pixels)
var tickerwidth=500

// scroller's distance to the left margin of the browser-window (pixels)
var tickerleftposition=100

// scroller's distance to the top margin of the browser-window (pixels)
var tickertopposition=10

// speed
var tempo=50

// average horizontal distance between the letters
var stepx=9

// average vertical distance between the letters
var stepy=9

// - End of JavaScript - -->
</script>
<script>
// more javascript from http://www.smallrain.net
var msg=new Array()
var msg=your_message
var message=msg.split("")
var numberofletters=msg.length-1
var x,y

messageboldness=messageboldness*100
var timer
var xpos=new Array()
var ypos=new Array()

var spancontent=new Array()

if (document.all) {
	for (i=0;i<=numberofletters;i++) {
		spancontent[i]="<span style='position:relative;font-family:"+messagefont+";font-size:"+messagesize+"pt;color:"+messagecolor+";font-weight:"+messageboldness+"'>"+message[i]+"</span>"
	}
}

function setValues() {
	if (document.all) {
		for (i=0;i<=numberofletters;i++) {    
			xpos[i]=tickerwidth-3 
			ypos[i]=tickerheight-3         
			var thisspan = eval("document.all.span"+i)
    		thisspan.innerHTML=spancontent[i]
			var thisspan = eval("document.all.span"+(i)+".style")
           	thisspan.posLeft=tickerwidth-3 
			thisspan.posTop=tickerheight-3 
			thisspan.visibility="visible"
		}
		moveball()
	}
}

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

function checkposition() {
	if (document.all) {
		if (document.all.span0.style.posLeft>tickerwidth) {
			stepx=(stepx+randommaker(2))*-1
			document.all.span0.style.posLeft-=1
		}
		if (document.all.span0.style.posLeft<tickerleftposition) {
			stepx=(stepx+randommaker(2))*-1
			document.all.span0.style.posLeft+=1
		}	
		if (document.all.span0.style.posTop>tickerheight) {
			stepy=(stepy+randommaker(2))*-1
			document.all.span0.style.posTop-=1
		}
		if (document.all.span0.style.posTop<tickertopposition) {
			stepy=(stepy+randommaker(2))*-1
			document.all.span0.style.posTop+=1
		}
	}
}

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

window.onload=setValues
</script>
</p>

使用说明：文字的内容、颜色、大小等可在代码中自行更改。

上一个特效：模拟实时文字广播的代码

返回列表

下一个特效：永远在窗口顶端的文本