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

|
网页之不断弹射的文字-特效
<style type="text/css">
# F$ G9 ]. _# l1 g& h#supertext {
0 A i3 O( ^3 rposition:absolute;) Q6 D' L/ M f- U7 t- `2 a' T# t! V
left:0;
+ I, V. y4 F: f/ t* U3 }+ }top:0;
2 J3 f7 m9 x4 {) f5 h8 @* f- Kvisibility:hide;' V+ @2 R8 D. H, U/ w! m# l8 a
visibility:hidden;
- z4 T Y: @& R" P. [}
% V; E$ |/ h) D, y+ T</style>
) _. L9 x- M7 e" a& f* ]+ L7 v<script language="JavaScript1.2">
7 w [/ m3 L! d: V<!-- 改变下的字体的大小。颜色-->
& J- p0 o+ R" |" dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* U9 P4 O" E( U7 [, X2 c2 hvar hidetimer='';
8 f: A G) q5 J2 o3 [: a# h<!-- 改变下的弹跳速度-->& x; k& s- ^2 o2 q+ A
var BallSpeed = 20;
, T6 O2 s' X& V: ~var contentWidth;0 X6 `. u# s0 _5 }! K
var contentHeight;& g9 \# R7 f+ S6 @! Q
var maxBallSpeed = 50;0 s9 \1 S, P# I' l
: H" I. [2 R, Z
7 N* q( B3 Z: k9 y. Y9 V2 G1 @9 W% Svar xMax;
+ N: c7 n5 h9 S2 n5 bvar yMax;
( o( J r* n: q/ f; ]. ^5 d! l4 j+ Ovar xPos = 0;
/ p7 p/ T6 n6 Y8 Hvar yPos = 0;
8 Z* w0 g1 O( ^: w$ h5 @var xDir = 'right';9 s2 t4 f" ~2 t6 _, N; i
var yDir = 'down';
$ h/ L5 @% R" o& P# xvar superballRunning = true;
* d, r8 b: F! j% u( S( d3 I K7 svar tempBallSpeed;, i2 ^ A0 P% m! l, ~0 F
var currentBallSrc;
) I# t; ]: ?4 W4 `var newXDir;; ]6 r/ g: s X
var newYDir;$ A1 X* \& T: B0 O4 | s4 k% R
! U9 [( c% j( M. ^5 W' n- {5 U
function initializeBall() {
! ~1 r; T! J3 e3 ?$ V% S+ J if (document.all) {5 L% `6 Q+ v0 q* D
xMax = document.body.clientWidth
+ w0 ~6 u: c, l( j! c, A+ h4 F yMax = document.body.clientHeight
S, l. b2 a# d" J2 O3 L document.all("supertext").style.visibility = "visible";
0 k& ]2 P4 D6 e1 @" \ contentWidth=supertext.offsetWidth
& X U& f+ ?3 w+ f8 E6 c contentHeight=supertext.offsetHeight
! |) {" S' v; f5 i }
3 b& H A1 ^* ^% ^: ^5 I- q) f% } else if (document.layers) {! o. O: _3 [2 D2 w' x/ y
xMax = window.innerWidth;
; R! l3 [1 N; l- x( M yMax = window.innerHeight;8 }$ b# F# h0 v6 ?6 A' ^6 B p" `
contentWidth=document.supertext.document.width
' j+ ?7 Y z1 s) E contentHeight=document.supertext.document.height
( V" k2 a9 d8 P+ f9 z% H, J B3 C document.layers["supertext"].visibility = "show";
% p6 E( [# t2 S8 v7 M( n }& @ @+ X& f5 v6 D9 j# f
setTimeout('moveBall()',400);
& d% ?3 { k6 `7 C) X5 S( c5 d if (hidetimer!='')
/ v2 Y3 S) l- G0 A. _ setTimeout("hidetext()",hidetimer) _% C$ W, f1 P- |/ d+ ~: c# o
}2 _7 ~; [* G, c) K0 [5 s
5 N8 {2 \7 O" gfunction moveBall() {5 i, I0 t. D& D# b* ^( N, G
if (superballRunning == true) {& W5 p( f: P' P9 P4 a8 T, a; f
calculatePosition();
- ]0 q0 q) e3 x if (document.all) {* _0 k% _; B9 M) G5 L; q5 S7 O
document.all("supertext").style.left = xPos + document.body.scrollLeft;
, a6 {4 F) c' b2 j* w1 T8 {; L document.all("supertext").style.top = yPos + document.body.scrollTop;0 Z \3 C# M4 D) v! r
}+ B) ~8 } c5 F- u& z) j, j' h
else if (document.layers) {
j2 j' Z& m8 W8 y5 }/ z* C document.layers["supertext"].left = xPos + pageXOffset;; z! s! F/ h- J4 o% g/ e- P
document.layers["supertext"].top = yPos + pageYOffset;( t2 W8 c% Q: F8 @' z
}
* a! j% q6 n% [1 M animatetext=setTimeout('moveBall()',20);4 g! G" q& Z+ g3 T
}
2 p" s, d" M [9 u" e( ` }
/ n$ {" e+ f% H7 R3 N% }: i3 E3 d' f8 L {6 U
function calculatePosition() {
1 ~* G X* [' H if (xDir == "right") {
- r; ]4 G/ ?5 R! U4 @/ x if (xPos > (xMax - contentWidth - BallSpeed)) {
. [# g7 f+ v% Y' b' Z' A3 W xDir = "left";3 m4 h7 ~4 G+ ~0 |' _7 z, a) g) f
}
. e J& @8 R @3 M }5 W* D8 T- `; O7 Z
else if (xDir == "left") {: e- S& R! Y! y9 I: L
if (xPos < (0 + BallSpeed)) {
. v7 m8 t+ L/ @1 l( E xDir = "right";
3 J! p! {! @- n, W/ A }4 [* q O4 i7 W% k+ ~
}
/ l" z. w/ Y! x' f if (yDir == "down") {
8 W( x. M. y7 |- k if (yPos > (yMax - contentHeight - BallSpeed)) {
: m0 v4 o: T* r( `: \: I0 S yDir = "up";
1 s; _0 a% a, e1 R }
1 Y' g) C1 `/ N0 K* h' B5 R }; y( h% [, H- k+ q! G! i# x
else if (yDir == "up") {( M# u$ u! s3 g! J: p0 M0 t
if (yPos < (0 + BallSpeed)) {
5 _2 I+ \9 |/ m/ @9 b m yDir = "down";. F$ W9 T: Z1 h
}
$ e6 l2 R0 J d- N0 k/ H! e }
( q* u7 U7 [# F3 T1 t6 i* N- Q if (xDir == "right") {
( B# L/ ?3 ?) N( W& y- D xPos = xPos + BallSpeed;
& `& m% J. ]- v5 l8 |: \ }6 y0 z# I* ^' F3 d: t1 ?; M; M P1 m
else if (xDir == "left") {
% G8 G2 h9 V2 [1 f) f3 d# } xPos = xPos - BallSpeed;
/ e' r# L9 r% C5 D) m- K6 n }
6 D. @& d) t) ]- ?7 t3 q; f: \ else {
, P+ r \; r6 J( K3 o xPos = xPos;& i! w8 u% V) t- k* w; `
}0 d- g G* d* W8 k4 |+ Q% h
if (yDir == "down") {; b$ g" g& B+ k9 P @0 Z* i
yPos = yPos + BallSpeed;! m7 B& |& L$ m2 [% F3 C
}
$ ]) d8 D7 j. Q/ p$ J/ }3 y6 V else if (yDir == "up") {
5 a. e/ _, d/ Q( v# B* f+ ` yPos = yPos - BallSpeed;
4 ` ^0 S5 F+ B) {7 L; J) P# j' T }' t6 F$ P8 E1 x( f* S: ]
else {$ v# Z$ q; A* ?2 v0 Q
yPos = yPos;6 V* ?( U& X; `: C3 r
}6 ?" I* ~. m* K1 n" z2 ~, ?0 [
}
; l+ R6 V/ r) l3 _4 g& a0 ?! N( f4 D, k, e. z, b2 s/ a; |1 o
function hidetext(){
0 x. l/ {% [+ }# M4 bif (document.all)
5 L% ]2 l7 Y: x' C! _supertext.style.visibility="hidden"
$ w! l5 C: z4 v% E% zelse if (document.layers)/ R' V3 w. e( k$ I
document.supertext.visibility="hide"
& P1 T9 i/ `+ k( {clearTimeout(animatetext)
& p2 T1 N# d, ~& e) g9 `3 |}% p% c( b3 K, ^: S1 a# f
* M4 r( G" \. G0 O! U2 K
if (document.all||document.layers){9 i$ B6 x0 H, e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ R/ | X8 d) k7 [" z+ ^0 lwindow.onload = initializeBall;
) Z$ O( O* R5 E( V8 D# {window.onresize = new Function("window.location.reload()");9 @1 N& B5 n) R6 i/ e7 J, |. F( e
}* D' C, i% o" c( N" d
$ g9 x3 J0 v) B* z5 K8 v J5 B</script> |
|