代码:
以下是代码片段：
<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 makesnake() {
for (i=numberofletters; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofletters;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
}
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>
|
代码说明:
1. var your_message="欢迎来到鸿远建站学堂" 这句定义了特效中显示的文字内容.
2. var messagefont="宋体" 这句定义了显示文字的字体,在修改的时侯,不建议去用一些特殊字体,因为客户的电脑中如果没有定义中的字体,还会以宋体等默认字体显示
3. var messagecolor="FF0000" 这句代码定义了显示的文字的颜色
特效演示:请看此页面的左上方蠕动的小字
|
蠕动文字
相关内容
