-
Notifications
You must be signed in to change notification settings - Fork 20
/
10.17 火焰效果文字切换.htm
104 lines (100 loc) · 5.28 KB
/
10.17 火焰效果文字切换.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>10.17 火焰效果文字切换</title>
</head>
<body bgcolor="white" onLoad="if(document.all&&window.print)init()">
<style type="text/css">
.textstyle {
position:absolute;
left:-2000px;
width:400px;
font-family:Arial;
font-size:20pt;
font-weight:bold;
text-align:center;
color:FFFFFF;
filter:glow(color=red,strength=2);
}
.coverstyle {
position:absolute;
left:-2000px;
}
</style>
<script LANGUAGE="JavaScript1.2">
<!--begin
var message = new Array()
message[0]="火焰文字特效"
message[1]="床前明月光"
message[2]="疑是地上霜"
message[3]="举头望明月"
message[4]="低头思故乡"
message[5]="李太白"
var i_message=0
var covertop=90
var coverleft=180
var coverwidth=1200
var coverheight=96
var texttop=covertop
var textleft=coverleft
var textwidth=400
var textheight=coverheight
var cliptop=0
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0
var clippoints
var step=20
var pause=40
var timer
function init() {
if (document.all) {
document.all.text.style.posTop=texttop
document.all.text.style.posLeft=textleft
document.all.cover.style.posTop=covertop
document.all.cover.style.posLeft=coverleft
clipleft=0
fadeout()
}
}
function fadeout() {
if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) {
clipleft+=step
clipright=clipleft+textwidth
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.cover.style.clip=clippoints
document.all.cover.style.posLeft-=step
timer= setTimeout("fadeout()",pause)
}
else {
clearTimeout(timer)
i_message++
if (i_message>=message.length) {i_message=0}
text.innerHTML=message[i_message]
fadein()
}
}
function fadein() {
if (document.all.cover.style.posLeft <=coverleft) {
clipleft-=step
clipright=clipleft+textwidth
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.cover.style.clip=clippoints
document.all.cover.style.posLeft+=step
timer= setTimeout("fadein()",pause)
}
else {
clearTimeout(timer)
init()
}
}
-->
</script>
<script language="JavaScript">
if (document.all&&window.print){
document.write('<DIV ID="text" class="textstyle">'+message[0]+'</div>')
document.write('<DIV ID="cover" class="coverstyle"><img src="51501s.jpg"></DIV>')
}
</script>
</body>
</html>