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

|
网页之不断弹射的文字-特效
<style type="text/css">, J I3 c/ u2 k* q5 S
#supertext {- m% Z% G) j! }1 T# Z4 e
position:absolute;+ \# @( ]/ X! m% l
left:0;
0 I- x( ?; V; t; Gtop:0;7 a. \* ^+ ~9 d( x( J1 a* U
visibility:hide;
" M; i w8 m, d% F" C" t7 j0 K- `visibility:hidden;
- J. w, b3 F+ g# Z9 I}# ?6 K; }- b l1 n! m
</style>& m+ b/ {( _! v
<script language="JavaScript1.2">
2 M @* ], u4 E8 m1 k<!-- 改变下的字体的大小。颜色-->, j$ [9 B4 d: W5 Y: P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 e( q3 f( M9 t; Hvar hidetimer='';- x" F0 ?1 A7 {7 S1 a" U2 V
<!-- 改变下的弹跳速度-->+ m) J3 ?8 a! }8 y2 S
var BallSpeed = 20;
# ^! x+ w1 n6 r+ u1 uvar contentWidth;
9 ]7 B9 } }2 q/ }var contentHeight;
9 C: a( V) d5 z* _% c7 Avar maxBallSpeed = 50;
4 f; D# V3 h6 ]6 S9 P
2 _0 K- e- _$ {* f
' R1 h1 U0 k7 @: h% [" O6 U Cvar xMax;
/ z* x* G9 ]$ c3 u+ r, }var yMax;
! ]1 s: Y: a& T) c" hvar xPos = 0;
% v% K! |( {, J! b9 Y& N9 ]var yPos = 0;/ q+ x% y, @6 l6 z7 e& f
var xDir = 'right';
+ U& v- u# M" V9 [6 wvar yDir = 'down';
5 z1 P" J' ^. c3 F3 Qvar superballRunning = true;
! b* ?" ~! V9 |2 Lvar tempBallSpeed;
- \* o4 Q9 s% xvar currentBallSrc;
8 G7 y+ d4 O* w% h; Z' f8 P. Ovar newXDir;5 d0 J. d6 n! Q" M8 Z
var newYDir;
* p) G* |) M% r2 }4 Z0 K7 {* Q/ G% Q
) k7 s# w5 ^8 g ^$ H' k- ?function initializeBall() {: \. V8 d+ g, W! B. x4 X- X4 V8 m: p
if (document.all) {5 o) q+ x# P: O7 Z& p" L3 t4 y
xMax = document.body.clientWidth
" ]5 a1 P- T7 c yMax = document.body.clientHeight
( w& \& K3 f4 @7 v) F. e document.all("supertext").style.visibility = "visible";
* j( f' w+ ~, O contentWidth=supertext.offsetWidth! ^6 p5 ]" Z, S% M
contentHeight=supertext.offsetHeight
6 D+ L- A+ ^. s1 @3 Z }
. Z0 R8 p. h* d else if (document.layers) {
0 \8 j. A, c) G xMax = window.innerWidth;$ _& E4 m0 l8 P \- h
yMax = window.innerHeight;5 [& Z; o5 `' t
contentWidth=document.supertext.document.width
_- R& a G! N6 h contentHeight=document.supertext.document.height' y6 o0 F% c9 K3 N$ v
document.layers["supertext"].visibility = "show";2 [* a2 d! f* A9 N
}
8 c2 Z, c7 b3 g$ I2 _ setTimeout('moveBall()',400);
9 p; B2 V9 U* ?% F/ u; U if (hidetimer!='')9 G6 u% H1 G+ j! F5 h7 ~
setTimeout("hidetext()",hidetimer)3 h9 O7 S# ]; x, z# {
}
! U9 u9 i' T# t' b( o* K* z7 O
7 T: p$ a7 X$ @4 m4 V* Z- Yfunction moveBall() {6 Q0 v" x1 z: n6 S9 Q+ [7 i: X# L
if (superballRunning == true) {
w2 ]8 ?8 A& k$ A7 C calculatePosition();
& ?3 @1 [5 B! w( Y' y1 ?! s if (document.all) {
/ E& w: E& h# L2 Q2 o8 Q' U document.all("supertext").style.left = xPos + document.body.scrollLeft;0 r; m5 J3 O" I1 y$ A% G% _: S
document.all("supertext").style.top = yPos + document.body.scrollTop;
8 S3 }" |9 c( n3 I) t }
( w1 I" [. t+ H' V' h4 ~) o5 r) F else if (document.layers) {5 l5 b0 V4 K$ {: t q
document.layers["supertext"].left = xPos + pageXOffset;
* X, |% [- X: K0 E& g document.layers["supertext"].top = yPos + pageYOffset;8 E) b8 e8 g4 j/ b$ F- \, @1 d' L
}
! t7 F, }4 ^& Z0 m0 W animatetext=setTimeout('moveBall()',20);# P5 S# }3 | l# M) ]7 H" C6 k
}
1 g% q7 \- M* B1 |0 b+ C/ f }* j7 w0 N" C# c/ t8 H( Q0 z
+ u* \ ]0 K4 ~; J5 j- L. X
function calculatePosition() {5 f( @' o8 i+ o* {8 ]4 m9 U
if (xDir == "right") {
3 @& j% V. k# ^ o5 g1 ^ if (xPos > (xMax - contentWidth - BallSpeed)) {6 o9 [) z: Y4 i1 G5 O( g
xDir = "left";8 c1 d4 z6 A3 r2 ~7 D, a- a
}
' B8 w! y, l3 w5 ^8 l' t }
/ z3 r( L4 S( t; ?/ Q else if (xDir == "left") {
1 c6 _7 J6 k/ M1 ^3 H if (xPos < (0 + BallSpeed)) {
* J- l6 K& [7 S4 E! [3 b xDir = "right";$ J8 l& p6 O, {5 B8 H Z
}+ I g3 u9 m& p- L! K
}& k8 H" g: {) R* X5 [7 G
if (yDir == "down") {
+ A2 ], t9 r% _) O( h% B, A if (yPos > (yMax - contentHeight - BallSpeed)) {( a" S" x5 b8 L- U- t; d4 I( E4 k
yDir = "up";3 c' P' }, y+ @* f6 I- z: Z& D% k
}
! |: b1 o8 ]8 p% b: j9 j+ ? }0 X3 h9 u; s& S( Y" }7 Y
else if (yDir == "up") {# S1 l% \- I8 t! D- g
if (yPos < (0 + BallSpeed)) {
4 ?8 |9 \. R; l0 w1 ]/ {! L* _ yDir = "down";
\3 \% ^" H/ M* f# i# q2 W }0 r; V+ ^2 E# b! r5 i: b
}
6 |9 N9 ?( E- z/ e if (xDir == "right") {
, Z A- n; S$ T) i xPos = xPos + BallSpeed;
# T* k: g; W* M# T8 c. M! O, x. a }$ O5 t7 M {5 h5 e& ]3 s& D! `
else if (xDir == "left") {+ }( b: B7 m, C1 @+ W
xPos = xPos - BallSpeed;9 d* @; e# @$ u0 k! V$ n
} C* h) a4 i( r# G+ d# _/ x% X! e
else {4 d3 e8 y& D1 R8 M$ H! H* a
xPos = xPos;4 d# n# Q* g( ?# K; B
}+ T; Y2 l2 E, ~9 |- x9 p
if (yDir == "down") {7 t# k! I5 l* \; j$ k9 Y5 p" _5 x1 H! |
yPos = yPos + BallSpeed;
3 M4 [, x; X Q/ k5 x } Z; m7 ^) ?4 J8 U$ G' n
else if (yDir == "up") {
* g: t% f* ~& |5 C- k/ }' f yPos = yPos - BallSpeed;
/ B* Z+ N' B- k' L }2 ~: a& |( R+ r) T- K/ R$ m
else {, J; c1 w' s; P% `& L6 k
yPos = yPos;
; T1 m c$ P/ n. P% F }1 J9 f( ?7 M6 V' b# ?# m9 K5 b
}
# h: \1 D" L5 B( ~/ d; X# G* `( h$ [ i: z" K
function hidetext(){& ^9 C9 n& l) B* S; a
if (document.all)* x* F9 D- P% ^% `
supertext.style.visibility="hidden"
3 x7 G- k9 K. V) }) N- B( xelse if (document.layers)7 b( S( _: J) }, e0 Y, Q% ~
document.supertext.visibility="hide"9 j1 E5 J5 r- F0 z/ n$ ~! n
clearTimeout(animatetext)
9 x0 J5 z7 E( k. X# q0 _6 O}8 ^3 M( J; k/ ^/ m: w3 M* j
( G+ ^9 o. _$ c Xif (document.all||document.layers){3 g- r; p$ S: t( ^6 I2 B& p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( t O0 P, d5 k q: ]window.onload = initializeBall; _. \! ?0 G1 O6 ?. ~1 z% N
window.onresize = new Function("window.location.reload()");
! B7 Z; f2 D; |! M* K( O2 l& R}
! g: ]& v) R: h& N7 |) i$ p! v
- D9 O& }9 K# i: C; T7 p3 \9 ?</script> |
|