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

|
网页之不断弹射的文字-特效
<style type="text/css"> D) T: _& G5 A8 o+ e; J
#supertext {
4 X* |% v5 i# c& Z# ]) iposition:absolute;1 f z6 z3 J7 L. D: B5 x
left:0;
. q+ r' s0 ], B5 E6 v# gtop:0;6 c D2 g2 g( Q4 P# q7 G% y
visibility:hide;
. l6 F3 Y/ R: F% B! V1 [0 J2 ovisibility:hidden;
$ E \0 S( V9 \}
" v9 q# |/ s1 L$ Q" }- ^- f/ W</style># y! P' d5 g" ?- G/ [9 _
<script language="JavaScript1.2">- b5 m: ]3 S6 E) h
<!-- 改变下的字体的大小。颜色-->- L& x% B5 j8 D" A- J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* ^6 W8 l* G& L
var hidetimer='';
0 Y0 |7 M5 y4 h: t& s<!-- 改变下的弹跳速度-->8 R0 g; b) q6 w' b; U% c* W) c* a5 M, j
var BallSpeed = 20;6 S! m1 r* Z1 M0 d/ G
var contentWidth;
0 ]; D5 _: Y$ H, m4 x" h- o( u, jvar contentHeight;
' e" ^) U; ?* C2 Yvar maxBallSpeed = 50;
$ i! A( d' |6 L
( t3 J# l. i8 X- A2 k. d
5 _" Y* w8 ~& W% i1 evar xMax;
' u7 W% C* v: y) {- y4 y$ Z% \7 Avar yMax;
$ o5 M. p9 o3 t5 L9 u9 w* q6 bvar xPos = 0;
1 m3 d+ {& h& B3 m- L9 R- f( cvar yPos = 0;/ [( ^% Z- O% n3 k
var xDir = 'right';
* e$ m/ r1 L3 c8 ^% |, u! Uvar yDir = 'down';
$ b0 D( G4 J7 Y, c! F) ivar superballRunning = true;
* `" Z4 m, F- q, q+ c- bvar tempBallSpeed;# A; ~5 c/ ~$ l( V$ _) W$ o
var currentBallSrc;
$ e$ |) I/ S& A Uvar newXDir;" E, x+ L- |2 T: Z
var newYDir;
6 q0 o2 T4 X6 s0 `, |$ @' l" Y/ H" x) [! {, M* W$ P- Z; S5 E7 f
function initializeBall() {
) ~$ q7 D/ Z. X3 h) o) \ if (document.all) {
, ~7 E7 h- v% a9 [% o xMax = document.body.clientWidth* Y) n) c& n# z& r$ m8 e' V: H
yMax = document.body.clientHeight
4 N/ P# c/ f* @7 t/ q5 D document.all("supertext").style.visibility = "visible";
1 m& T* b, z7 ~5 f' Y% e" C contentWidth=supertext.offsetWidth
' G' f6 e. a- i0 r5 w2 b& n contentHeight=supertext.offsetHeight2 l' X; D. m/ s! i1 T U
}
* y( @' U# O t4 v* S3 j else if (document.layers) {8 w o+ F" O \. r1 f1 [
xMax = window.innerWidth;
" f( H1 N# M6 ]+ E8 g% P yMax = window.innerHeight;
: R* R# `8 p. U8 q: e- v6 I h' u; m contentWidth=document.supertext.document.width
: k0 r6 u r6 a/ w l9 r contentHeight=document.supertext.document.height
$ H- Z: F. T/ c4 m document.layers["supertext"].visibility = "show";! h. O; d' q) F3 \9 i
}
3 i& U1 e: M9 h5 N setTimeout('moveBall()',400);
: P, M' O4 [, R" r, } if (hidetimer!='')8 I9 F# w3 _; [9 [
setTimeout("hidetext()",hidetimer)
- p z2 z( u4 R }
0 G" R3 ] x Q6 \. j6 i2 }7 E( c/ y
4 x8 c! {* }9 Z* b5 O. ?function moveBall() {7 x0 m/ Y# @- j9 m
if (superballRunning == true) {% }3 L6 n7 t |3 ?+ Q6 I6 ?
calculatePosition();) f6 t; [# a3 F t6 J
if (document.all) {& H6 l+ m! @+ H8 Y1 z/ N8 l" b
document.all("supertext").style.left = xPos + document.body.scrollLeft;8 _6 x! e3 O2 H4 ~/ `0 N
document.all("supertext").style.top = yPos + document.body.scrollTop;7 j) S2 e! p2 c6 J& r
}' J5 P; k) ]* X; K8 X
else if (document.layers) {# u" e4 ?5 A8 V& V0 `
document.layers["supertext"].left = xPos + pageXOffset;& V0 e9 |* g( r" |( p
document.layers["supertext"].top = yPos + pageYOffset;
3 w t6 T6 e! } }
! o3 Y" l9 V! m0 Q animatetext=setTimeout('moveBall()',20);
. T5 F. a# o( U5 D6 U* L }, @) Q/ r E/ @0 I+ ?
}
' D% j) p0 [3 v* Y4 T! F. p0 ^. n! V0 D+ Q' S7 y, R0 W
function calculatePosition() {
0 h8 i6 w7 b0 k# Y: M& \7 T if (xDir == "right") {+ S- P, C* v0 Z* ? K6 h# z! ]
if (xPos > (xMax - contentWidth - BallSpeed)) {
1 A( {3 J' i3 E1 h7 T xDir = "left";5 r+ ]# M+ q% o2 J$ Q+ V
}2 n+ k3 p# ~; j P
}7 }/ g* c; h( {- ~: Q
else if (xDir == "left") {
$ M8 P; g. o" U: Q" ^' P1 f if (xPos < (0 + BallSpeed)) { b% E( \' L# |7 M2 B5 ]
xDir = "right";
0 R; d! A6 e. S- P$ I) g) s }+ Y; q8 o. q" ]- U0 j/ T5 P
}
8 j, [$ ~8 Q$ E6 g" B$ S if (yDir == "down") {7 p" ]" }5 N6 X0 ?8 n$ D) k. l' ^
if (yPos > (yMax - contentHeight - BallSpeed)) {
$ P5 a% k, w& o I8 S yDir = "up";
/ c' Q( O3 d' | }$ }( i- x4 d! N9 e" ~% q9 K: \
}. Z |" d( J; t% ?
else if (yDir == "up") { j4 g6 e: [7 S. f5 K# |% l+ [
if (yPos < (0 + BallSpeed)) {/ s P$ P& k6 s) `: T
yDir = "down";
! F W8 L ]6 ~ X/ r+ d }
9 M2 R" K) |6 e) f4 D+ Y }" F/ d) Y- z+ H) M+ A1 @
if (xDir == "right") {
" r, V' v% w( n0 k) h xPos = xPos + BallSpeed;
3 Z6 K8 A* m2 S/ ^ }
. `6 i3 V8 e8 j0 | else if (xDir == "left") {7 |0 Y$ f( R" n4 r9 w
xPos = xPos - BallSpeed;
$ i/ O# j( o4 K1 y$ R" N }
+ u7 @0 \- O% L# J( v' q" P. t+ n9 c else {
0 D% ^: Y; E9 s! ~- U xPos = xPos;
% i+ V2 f! \, g2 @ e- L! U/ S8 A }
4 ?3 ~# \# u. F6 K$ ?. g: M if (yDir == "down") {
5 f( q- t' V0 |% C6 ?) m yPos = yPos + BallSpeed;
2 ] L1 Y; q E# D+ @% L }- r; n1 }9 s$ v$ ]+ \$ l
else if (yDir == "up") {9 {/ M1 ]( h/ {! a( _% r! c
yPos = yPos - BallSpeed;
; U: m' j4 @# Q7 y7 w }
# r/ i B& n$ r2 o" t else {+ C+ q8 I& S6 Z! C( k, o
yPos = yPos;
. [% ~0 ~, g+ F( o$ W }4 t2 X0 m: S9 `; Q/ A" ^
}% p7 Z+ M9 O3 @* B4 z! l5 s
6 ]4 J: e5 z p3 U
function hidetext(){# E3 |5 Z+ l" L1 }0 z
if (document.all)0 E% H4 `) a. `$ j) S
supertext.style.visibility="hidden"
6 C% e. |9 I+ r& J' telse if (document.layers)0 ]/ \6 B/ y. l0 k+ x6 u8 D
document.supertext.visibility="hide" v! k$ _$ P! A! ^9 t( ]3 W
clearTimeout(animatetext)
$ ?8 z. ^) H1 l. b+ f1 z7 Y/ [. V}" o- z) w1 }3 |: r8 O- ]
. O6 W; w: W2 C; d, {
if (document.all||document.layers){8 n8 v! m# P8 v% n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: k, W+ b# G+ Q7 M5 l1 O0 twindow.onload = initializeBall;# k9 C7 i5 ~6 h8 m- S, q5 Z
window.onresize = new Function("window.location.reload()");
: [0 p- `6 `. [8 F6 U( b}8 c6 H, o" [1 d% g
0 h0 e0 b' }* o# {: g</script> |
|