|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之不断弹射的文字-特效
<style type="text/css"> o. k& l6 Q2 }" @9 T8 y' z
#supertext {, t% z$ f3 z( |0 J% ^$ I6 s
position:absolute;
$ w" i) x) P* S! r7 N- Eleft:0;3 ]* Y+ a i, N, z# H
top:0;
* D$ ?) b1 |9 Nvisibility:hide;
9 z. m& M7 J- j, y' M7 f8 K2 Vvisibility:hidden;2 S$ s1 V. s5 Q( r; R
}
' w+ w7 P1 l( I2 J) G& ]* w</style>
: L6 g/ W$ N* N. q' Q<script language="JavaScript1.2">4 O) }" T5 A/ D: n) @
<!-- 改变下的字体的大小。颜色-->1 H) I X: |( }# | L5 Z5 E
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 R: T9 A6 A6 J* {, Y! m& p
var hidetimer='';
( L& ~5 f& |" f! u8 C<!-- 改变下的弹跳速度-->4 u- B4 h3 x9 W8 F& {+ K" Y
var BallSpeed = 20;) s( Y) [9 z. U; K+ D- Y
var contentWidth;
+ r: x. b( K, B" k# K9 Xvar contentHeight;& v( e) R7 W5 ~; N6 Z- w' W3 d! c
var maxBallSpeed = 50;
3 a8 x9 Q, z' O0 U) E# q7 J; t
9 i. E7 d: u U2 L' H5 k9 Y) o o. U* \0 n
var xMax;; N* n; [/ v2 R0 r" _
var yMax;
0 J1 q% B1 E3 ~var xPos = 0;
1 z( k7 j8 S1 J6 j2 svar yPos = 0;
% e, K1 v" `2 B9 l9 E ]$ L! P1 b c* Mvar xDir = 'right';
; x8 U8 x, h% n, Xvar yDir = 'down';
0 k1 Q$ ~ x' Kvar superballRunning = true;
9 L3 Z2 g7 u% G: c; o2 Jvar tempBallSpeed;
, z6 w+ W5 D1 m" r- Ivar currentBallSrc;4 n: Q; t4 U5 S; [$ B0 @
var newXDir;
2 x! T% D& N. q# ~: ~' `1 wvar newYDir;
) v: W! c, j7 ~7 B" }: F2 V8 b; c6 Z$ ^1 U) f% d
function initializeBall() {* [/ V; V3 `3 T4 X" W
if (document.all) {+ f. C* {8 `" g
xMax = document.body.clientWidth* F5 k: W8 a; d. H, z) ~( ?# h
yMax = document.body.clientHeight* t1 N- n% f! R
document.all("supertext").style.visibility = "visible";
; g& L$ V6 i" |; c8 h+ Y contentWidth=supertext.offsetWidth [6 X0 m. P9 _2 R
contentHeight=supertext.offsetHeight
) ~( |1 X2 A: H }) h }. o3 X5 U8 E0 w
else if (document.layers) {4 j5 q) b% ], [3 o
xMax = window.innerWidth;' K3 E" Y" S$ e8 e/ W+ s
yMax = window.innerHeight;# s( _! m! I' Q. E, t
contentWidth=document.supertext.document.width
1 i4 C- q$ t/ ~& }! P; M7 z9 K contentHeight=document.supertext.document.height" |2 a' Y& n) f2 z, ], e9 w2 J
document.layers["supertext"].visibility = "show";
9 _5 U7 O( X$ f5 Y( n }
, m8 L1 t# l' l) Y7 L) e& r8 q setTimeout('moveBall()',400);9 b! [' K5 i' P R) Z
if (hidetimer!='')
" X; y) n; f! Q; C @+ g setTimeout("hidetext()",hidetimer)9 x S8 H; w- X; u- g7 t& H0 H
}! h! B9 s4 J8 X- T. s" i
0 }' M+ L+ m/ ^7 {* q5 T
function moveBall() {
+ G% { |; j5 o' b$ G0 o S if (superballRunning == true) {
$ u, ^( `7 @5 K calculatePosition();
], {% o6 j1 e: l7 `! k if (document.all) {- V1 W5 c. C% ]8 H
document.all("supertext").style.left = xPos + document.body.scrollLeft;4 c5 a% c% s, r* |# ~
document.all("supertext").style.top = yPos + document.body.scrollTop;; x2 z5 p& a# B
}# F. {9 B( o2 n5 R; A w: T
else if (document.layers) {
; l$ c' V7 z: m5 u* @7 ? document.layers["supertext"].left = xPos + pageXOffset;
) T7 t8 X) F$ Q document.layers["supertext"].top = yPos + pageYOffset;
# Q: V! {' m1 y+ \9 |0 W }, h7 }3 v# Z' q) n: o& b
animatetext=setTimeout('moveBall()',20);, C$ @: I+ ?( P5 [ G
}
$ H0 h6 s5 K+ M) k' k( u/ R }
* N w; d! X+ ?% i, W! x# s: L) u. ^( k0 |5 V2 J
function calculatePosition() {/ R- O+ ]; X- i# K3 ?) g% [
if (xDir == "right") {' i) J/ \1 x- ]
if (xPos > (xMax - contentWidth - BallSpeed)) {9 `$ Y7 E9 }7 J X' ^, K
xDir = "left";# C+ d2 z$ k, r3 n" y
}
) l$ t i" [" C2 k }+ F i" ~5 F& @, h W3 q
else if (xDir == "left") {
+ \; Y @& u7 g4 @5 H) u# _ if (xPos < (0 + BallSpeed)) {& I. S0 W( O$ [9 w/ I3 k% A
xDir = "right";
/ E( O8 p5 n8 Z6 [. r6 w }; w$ [. }. B5 N3 d! m. i' f
}0 P$ ^8 l4 _2 F6 X8 d& y; W2 R$ A! M
if (yDir == "down") {
' N& x9 b3 _6 l }1 i0 [3 o if (yPos > (yMax - contentHeight - BallSpeed)) {6 w; e* j. \9 I
yDir = "up";" ]4 w2 o- l/ {1 W* U6 x7 k
}4 W( ^) h/ ]/ _, R; D6 {
}
* u9 k& H& ?7 x& C! t' p: w else if (yDir == "up") {
2 l. ~7 @3 ~+ ` if (yPos < (0 + BallSpeed)) {" X, m: m+ N, S( R
yDir = "down";
* u& W$ e# {! }: b- B }8 B. B+ I8 W# Q+ [+ R
}
d' q1 M" j% | if (xDir == "right") {" J1 D9 p+ E6 L7 _3 z, b( e
xPos = xPos + BallSpeed; y" W' n9 v6 `. U- O
}
6 S& v5 l d# V else if (xDir == "left") {8 [7 Q- s; E5 o/ \6 t
xPos = xPos - BallSpeed;
( v8 `: q6 J/ A; }# N+ M& Q ~! q4 z }. K* P6 w7 Q$ X" w# L/ S2 V* U
else {0 q3 ?7 b$ S4 ^% h; a9 c
xPos = xPos;$ S. w6 [8 |. @+ I8 B1 n8 n6 y
} X" y7 N f! w6 B; }9 L& v
if (yDir == "down") {2 Y7 L0 U! |) }
yPos = yPos + BallSpeed;; v9 G! E/ l' `7 C6 e
}
+ g+ ~, E7 N& }; W# m% a. f else if (yDir == "up") {
: E$ q0 E: D3 f# i2 r3 _ yPos = yPos - BallSpeed;4 d1 @/ O/ T4 E" ^7 W) X
}% \1 M& f6 _* v. \
else {; z8 L& ]- V7 [; X
yPos = yPos;
. N6 y R6 _8 G- v' P }
& L# G0 E5 g7 r1 t" c5 n0 @" W+ r; @ }
2 D- r5 h' A# C; y Z* s- T" X K8 @
function hidetext(){
: J, D; x" G# {8 {8 q) ?if (document.all)" o0 ^$ P. `2 D$ r7 J2 @) e/ Y! ?
supertext.style.visibility="hidden"
1 b" [3 r0 W0 K6 Delse if (document.layers)/ X9 y: T- m, q# ], V& a$ \& I
document.supertext.visibility="hide"' `! L1 A+ r6 U. t! w4 i7 d
clearTimeout(animatetext)
- O/ ]8 t- `# n/ R" P; J}
% j. H3 u2 T# f! J/ }
3 l9 i: I8 W8 V8 J; a" [) gif (document.all||document.layers){
1 N S/ i; n6 D& g* t/ K7 H% I+ n; A8 _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 t% K! X( q4 l
window.onload = initializeBall;8 e' Z3 r3 V: L& j& z
window.onresize = new Function("window.location.reload()");/ Y% I) Z0 l( b n4 l! r+ d
}8 h) }1 E2 L2 }& \7 n& w
0 d+ s$ I8 \' c8 E* k6 m0 p; X
</script> |
|