語法展示:: http://home.graffiti.net/fjdyhdfgd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
for (i=0;i<=numberofletters;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}
-->
</script>
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var your_message="歡迎光臨紫蓮の翼http://blog.pixnet.net/como0925"
var textfont="細明體"
var textsize="9"
var textcolor="#FF0000"
var textboldness=0
var tempo=250
var stepx=45
var stepy=25
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()",1000)
}
function setValues2() {
if (document.all) {
marginbottom = document.body.clientHeight-0
marginright = document.body.clientWidth-55
for (i=0;i<=numberofletters;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=0
thisspan.postop=0
}
moveball()
}
if (document.layers) {
marginbottom = window.innerHeight
marginright = window.innerWidth
for (i=0;i<=numberofletters;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=0
thisspan.top=0
}
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)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=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]
}
}
if (document.layers) {
xpos[0]=document.span0.left+stepx
ypos[0]=document.span0.top+stepy
for (i=0;i<=numberofletters;i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
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
}
}
}
-->
</script>
| 在 var your_message="歡迎光臨紫蓮の翼http://blog.pixnet.net/como0925" 中修改文字的內容 |
| 在 var textfont="細明體" 中修改文字的字體 |
| 在 var textsize="9" 中修改文字的大小 |
| 在 var textcolor="#FF0000" 中修改文字的顏色 |
| 在 var textboldness=0 中修改文字的邊緣大小 |
| 在 var tempo=250 中修改特效的速度 |
| 在 var stepx=45 中修改發射的角度 |
| 在 var stepy=25 中修改反彈的角度 |
| 在 ("setValues2()",1000) 中修改特效執行前等候的時間(每1秒=1000) |
將以下程式碼複製，貼在<body >標籤裡面。
onLoad="setValues()"
留言列表
網頁特效語法 (11)
