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

|
网页之不断弹射的文字-特效
<style type="text/css">3 t9 ?, z9 G4 z* |
#supertext {
' @+ B0 y4 k- j. a( k* Oposition:absolute;3 S" A+ d: Q6 E
left:0;
# d- s5 O9 u5 |$ Ztop:0;& Z) j4 Y. N" b- I
visibility:hide;
( u6 U: x0 E4 B) X7 J* Hvisibility:hidden;9 w/ g- |8 X. T3 X
}
- b+ z5 m, @8 F6 D* N v4 _, e' }6 U</style>* \* w. m. i/ P; e2 \9 }
<script language="JavaScript1.2">
1 N* A+ s7 s& u4 q<!-- 改变下的字体的大小。颜色-->' p( ~+ ?6 n O) H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ `/ U, w$ n/ G# V) E# E' D
var hidetimer='';
9 m& ?! F7 Q' z2 _3 s<!-- 改变下的弹跳速度-->, ` Y9 s8 J5 f; g6 w" Z" x' E4 c
var BallSpeed = 20;/ q9 P `, H% [7 r
var contentWidth;' {7 k% j5 a) d2 L, E7 d6 Q
var contentHeight;
4 S) ^) G' S/ U4 C. S( cvar maxBallSpeed = 50;8 ~2 f. h) R2 u3 e* \
( K3 a! R7 Y c# H$ J8 B8 N( P) Q7 V2 R* q* s9 w5 F! r. g
var xMax;# _9 K9 x# K5 A- X1 W* |: }" W
var yMax;
! a$ }. D/ o7 k, Mvar xPos = 0;; G6 n- H7 Y1 D
var yPos = 0;
8 ~6 L; |- K& {6 U( ^5 wvar xDir = 'right';, v% T5 ]) v, N3 a* _+ p: v% p
var yDir = 'down';% B% ]- g8 ^2 q, K/ l
var superballRunning = true;; o3 R/ F( i) l5 C; s
var tempBallSpeed;% q$ V2 Z) V2 G7 P
var currentBallSrc;
5 `# C d3 p+ B# `; ? g& jvar newXDir;
6 M4 \. N3 P+ @9 L* i( k v; Evar newYDir;
8 F3 ?+ A# p! G/ b2 f. a
, m) Y/ C" m& _& R( r6 Mfunction initializeBall() {
- T. D/ J% w/ q2 }: r5 V if (document.all) {/ R5 [7 L9 P& S' e6 Z1 U1 p
xMax = document.body.clientWidth
K5 `4 V/ s* d9 Y& ^ yMax = document.body.clientHeight* L1 P4 e: W9 b5 t. ~+ @
document.all("supertext").style.visibility = "visible";9 ^7 [# M) h. j J# j3 t
contentWidth=supertext.offsetWidth& V; j/ f# C; O
contentHeight=supertext.offsetHeight/ s) M6 [/ Y! F! d: h( S* c
}2 G& d! b! e/ Z. W: z( m
else if (document.layers) {
, | F, q. m/ c% h4 S xMax = window.innerWidth;7 D6 `% V6 v# A% T, o( `
yMax = window.innerHeight;8 M8 B H" c2 K1 R
contentWidth=document.supertext.document.width2 J. @9 R9 A& _* N) |
contentHeight=document.supertext.document.height9 Q/ R* H$ g5 [
document.layers["supertext"].visibility = "show";
. |) ~- m! ~/ d5 n6 D2 }3 | }
* |5 J `# k. V! j$ ^% \ setTimeout('moveBall()',400);
, g/ r- R8 A- E5 G$ F L if (hidetimer!='')
% S- A& Z3 ~; [8 u/ k setTimeout("hidetext()",hidetimer)2 h; R( k T0 L1 ?5 {& h
}
$ x: q! N; n, w' j% k/ l$ `2 A
- y% |5 p G0 @& Ffunction moveBall() {
) B/ v: D9 @' H/ _4 x2 g( C if (superballRunning == true) {4 h g p# n5 l) X, N8 z
calculatePosition();
0 b) O; I0 ?# [, Y: f+ o, j if (document.all) {
* S1 u" b& |' f7 G% ^ document.all("supertext").style.left = xPos + document.body.scrollLeft;+ M/ ^" c: e7 C! B/ T7 U
document.all("supertext").style.top = yPos + document.body.scrollTop;8 p9 J4 h2 ^- G) t) Y0 S) Y- Y
}
) }8 h9 b( }5 N( c else if (document.layers) {! @3 P0 ]6 T( G8 J, P+ r# R
document.layers["supertext"].left = xPos + pageXOffset;
/ _: u, \6 W v2 m! A2 W9 z document.layers["supertext"].top = yPos + pageYOffset;9 c K& Z0 S& c5 b1 k% A* x
}
2 w4 d J! ]* [ animatetext=setTimeout('moveBall()',20);
# T+ ^+ u5 y: N4 r" m* [# k. ]; I }
5 ^0 y# b! c0 B( i- g }: i3 C0 q; d: k) x) U
, y+ d: Z% m) G& H' M) V& _7 d6 l' bfunction calculatePosition() {
2 ^ `0 U# O& V if (xDir == "right") {
0 U- ]2 @1 s/ l5 p3 h if (xPos > (xMax - contentWidth - BallSpeed)) {
) ]3 `. R3 P/ Y0 N. w+ c4 G xDir = "left";
; o$ `' M% I+ Y; T }6 q2 d) C% j6 ~
}7 Q9 O& k6 C$ a5 s% o/ c+ d+ t$ {
else if (xDir == "left") {$ L# i" m8 ^3 p% A
if (xPos < (0 + BallSpeed)) {/ C- ^( g1 }; B! o
xDir = "right";3 i, s& @0 C: I; } j8 O
}
% @$ C3 \* z) V* F9 t }
( o1 C, P7 X$ I, t9 t if (yDir == "down") {
) i9 ~/ A Z. r- W if (yPos > (yMax - contentHeight - BallSpeed)) {
# G8 g8 ~' N! Z- j" m yDir = "up";- H: I. {1 }8 L, v: f6 ?! U: b
}
( U% i* U. V7 m2 ~* m7 A5 \6 @! n }
9 _- w$ S3 e' r" V5 h else if (yDir == "up") {
! j8 t9 ~: m! b2 K, J- w6 H if (yPos < (0 + BallSpeed)) {2 R, r) K3 G1 ^2 u T, N3 p
yDir = "down";. a9 w, D; P/ a8 z* @4 u8 ~1 l
}
7 h4 V: y2 P3 P1 z }
5 J% e8 W) R3 ]% u# \' ?0 a9 A if (xDir == "right") {& M# E8 n8 l9 G' o, R/ U
xPos = xPos + BallSpeed;
% w3 l( s0 Y- N, ]* v. v5 g1 ~ }" _- ^: u4 V2 ^
else if (xDir == "left") {
0 ~+ y0 e7 ]; x: f$ d P! a xPos = xPos - BallSpeed;& J6 c! ^# G: N
}3 M& x4 [! o% R1 E7 d5 x& U& G
else {
0 R' ^, Q! d2 ]$ X2 |( g xPos = xPos;2 Y3 ^0 W) ]$ b* U# S9 _) d
}
# w6 _1 Y+ X: _ J: ` if (yDir == "down") {
; s' T) y: _. E; b7 J6 a8 L' B( G yPos = yPos + BallSpeed;
4 h% ^7 J. B* L2 \3 O x5 } }/ e2 n6 w+ ~* f$ B; r6 Q
else if (yDir == "up") {
. k* H8 c" r# f% o, Y: B, T- d yPos = yPos - BallSpeed;- O" q6 s* V" y
}9 \$ Z8 x" o& i7 n
else {: D/ V, S6 {! v2 M! z' p$ M, ^
yPos = yPos;
, N$ C$ |, C" p8 w* Q9 P+ t }: L; G' s+ |% Q# T6 |
}
. _) c& g, A+ m: i" ?# G% Z$ E7 u) @3 j( \& l
function hidetext(){4 t# ^$ F( I9 Z" n
if (document.all)
' F/ D$ j$ n" e8 Vsupertext.style.visibility="hidden"$ f( G2 `$ y4 P3 z2 L! L) N0 @& o- Y
else if (document.layers)
' f) z- V+ ^) r/ J' a+ x4 Ldocument.supertext.visibility="hide": E& w0 F/ m/ r# D
clearTimeout(animatetext): }) n+ X- m! F$ X( E" U. E
}
) p( Y3 _. |, p$ x1 I
8 n8 r5 e$ z1 \9 J* H; m, X$ _5 L3 Zif (document.all||document.layers){
+ j; ]5 O; L. u N" e8 q4 ~, F: w1 Z/ Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ Q! c2 ] ^2 ?% l
window.onload = initializeBall;1 H H6 W! Q* r
window.onresize = new Function("window.location.reload()");
* f ?) U8 n: B% s, v! {}; k( r3 t O& d0 f8 |7 t9 w
* P. H( G! [9 @: {! g( M</script> |
|