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

|
网页之不断弹射的文字-特效
<style type="text/css">4 Y$ h( _! I7 n0 k
#supertext {7 C- q& ~" U7 `! C: E/ c
position:absolute;
?" N) P! N6 R& l& M; X( pleft:0;
7 ^ L, L i/ Q0 R0 ktop:0;4 B' u: _" L$ M2 R( O2 b$ x& R$ C% @
visibility:hide;
$ @# \6 A# \) l7 bvisibility:hidden;$ C' ?1 [% {& R6 h$ Z
}
/ n( F" r" |0 u8 Z/ ^- U( m</style>
. k7 O9 L2 g- X<script language="JavaScript1.2">" s) L4 S& M( S2 ?) T1 F0 m. h
<!-- 改变下的字体的大小。颜色-->
" D; S8 D9 \; p, M: G/ \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 m2 F) h8 T: C. f7 _var hidetimer='';
* ~: B: L6 \9 H0 x<!-- 改变下的弹跳速度-->
$ w' P% X; Z: }2 T9 C+ tvar BallSpeed = 20;6 ^7 d# ~- v' [# D# e3 y
var contentWidth;
/ X# v: e) A2 l3 ]3 Svar contentHeight;
8 D* ~) ^7 z+ A( ~2 Bvar maxBallSpeed = 50;
* a! P1 q( G* n+ y5 B- A2 W4 J
8 \3 u( c) g- h% t8 t% _$ w" @+ f- A: h1 B B/ {
var xMax;. z" p5 \. e7 P6 s' B! s
var yMax;
( U/ e+ f5 K/ e) d: Xvar xPos = 0;
* Z- a3 W7 O& x/ m3 C8 `var yPos = 0;
$ @; r' e0 g7 f7 {4 H3 }var xDir = 'right';
1 X( Q* h6 s- ^" Cvar yDir = 'down';
7 m k. n! }% \% R! z0 Mvar superballRunning = true;1 V' v7 @+ J, j: Q2 s. C
var tempBallSpeed;* t. N* T. T1 g* ]+ P
var currentBallSrc;
' a2 C5 U" \7 I* N9 ~0 p, k: zvar newXDir;; }) S0 m0 T; b# [) m
var newYDir;
9 _$ k1 }" e+ K& M3 r% ~0 y. _$ F, w0 c( f# u( W' S( G+ W6 i% P# a
function initializeBall() {8 P1 b" y1 b) d1 z8 F
if (document.all) {$ m/ V0 b$ \0 L
xMax = document.body.clientWidth$ S+ Q0 H$ k( x* J
yMax = document.body.clientHeight
4 B" z7 p$ J" |) D document.all("supertext").style.visibility = "visible";8 G% ]7 `: D5 R& Q
contentWidth=supertext.offsetWidth* ]" F+ `1 T: T- a1 g3 q
contentHeight=supertext.offsetHeight
2 L6 D; D! b1 w% G$ r }$ ^: p' Z$ t5 e+ \ ]1 j e: e" C' u
else if (document.layers) {' [2 `' k) X2 ^
xMax = window.innerWidth;; {( ~' P' i( ]+ ?% ?& [' j5 w3 g
yMax = window.innerHeight;. M" r+ K1 Z# q4 }
contentWidth=document.supertext.document.width
" T- U$ T' j0 f/ C contentHeight=document.supertext.document.height
6 j! ?6 l* D1 |# Y/ E* M5 }/ M document.layers["supertext"].visibility = "show";, R$ Y: Z9 V# g7 ~/ q
}! ~4 @' g/ i, D% r. e
setTimeout('moveBall()',400);9 B+ P( q. M) b, N# g7 v
if (hidetimer!='')) m" X/ |$ A% ?; W
setTimeout("hidetext()",hidetimer)0 X" m& `7 X( A; r; z
}: E% O1 U- D; t. ~6 i
2 A4 w j0 e0 ]) n. G& q# H: L
function moveBall() {) [& o/ H4 m' ?5 I2 R& C
if (superballRunning == true) {0 p% _7 E9 {( w* ~% s* ]
calculatePosition();
. b P/ e* x t if (document.all) {
N" d/ f4 C0 _$ ?1 Q document.all("supertext").style.left = xPos + document.body.scrollLeft;+ A3 V! U" _/ k, \
document.all("supertext").style.top = yPos + document.body.scrollTop;
* l0 o2 m$ r+ o8 Q( g }
5 a8 p2 s8 n+ l! a# n: L( N" Y, M& A else if (document.layers) {
$ w0 ^; V& ] q# n) I document.layers["supertext"].left = xPos + pageXOffset;
' B1 ~; O% G6 _ `) Q a' S document.layers["supertext"].top = yPos + pageYOffset;
k* E. W; \! ]5 K1 g }0 W# T! J" n: a3 @& b: i4 B) [" U
animatetext=setTimeout('moveBall()',20);
, x, u% _2 G# F: o% M9 l }7 c8 V1 b. V4 W' Q+ q
}
% g- Q' c8 C, z& S
/ ]# p* I1 _# g" q8 F* ~! d Cfunction calculatePosition() {3 p+ j! i$ T8 U' [5 Y9 V2 I2 M) ~; |9 F
if (xDir == "right") {
6 L# }0 D: _$ p' C if (xPos > (xMax - contentWidth - BallSpeed)) {
! @& I! D- A! Z/ ^, t7 B xDir = "left"; M" N. Z) M3 ~; D: v. e8 i
}
5 G( D* C( j1 _& t# ~- {& a }
" U8 N4 p# M" v ^1 X! p" \ else if (xDir == "left") {
2 H6 n2 z' c3 K; Z if (xPos < (0 + BallSpeed)) {
- _1 U8 ?1 `" r( r! V xDir = "right";2 o# R& y- a% w% G% {: ~
}+ Q" u. `+ q1 ~, W; L: o
}7 m% S6 k7 k6 S, r8 J
if (yDir == "down") {: w1 r: c* E! t
if (yPos > (yMax - contentHeight - BallSpeed)) {. H: m1 K+ D) t
yDir = "up";- S; D) K6 D, D) t3 f @7 \) n
}3 C' u* C+ l0 K
}
/ I) o! a9 J3 ?) E( ] else if (yDir == "up") {
7 O. h! e& S8 C, S1 ]; J2 B4 N, z if (yPos < (0 + BallSpeed)) {$ v. n9 `) V) d/ W
yDir = "down";
/ }6 r/ T0 | e9 R+ Y! j }. n: K3 W* U8 w0 w& Z/ m
}
! k; ^+ ^4 E2 F2 U if (xDir == "right") {
1 s3 D3 q, }) _. ]8 R% D! [% C xPos = xPos + BallSpeed;
4 P( P+ d7 f1 [: f7 J }
& T* x9 h: C$ w% c else if (xDir == "left") {
9 ~% m! t! S: v; R7 ^8 C# f/ n xPos = xPos - BallSpeed;/ A0 G) B. z! T% Z: g& V
}& p# y# P: D$ v* H; X& s" i
else {# B2 d5 O* {! T7 ~
xPos = xPos;
* O# ?0 Y. M) N) q7 B2 ]: l }
# M2 r! {% R0 H1 R if (yDir == "down") {0 }: D4 f/ L( W7 h
yPos = yPos + BallSpeed;
: j" w% F( D" D+ o& A }: ]) ?& M& j! p4 {# R5 v# H
else if (yDir == "up") {
# Y) c8 j( z8 A" i3 D& G0 e8 w yPos = yPos - BallSpeed;
0 X' M1 w7 h8 E! F* w }
, x* g/ z. F S7 ?6 i. q8 Z( D else {" ]* n4 @ W; t
yPos = yPos; a8 O; c1 I$ T, \" S
}
$ y/ }9 J( ?* ]; Z% Z7 J }
. ]) _/ }3 h' w& }9 Z2 ?9 C3 R; T) E$ O+ j* ]" ?# c. K
function hidetext(){
t$ c. p L" D6 ~1 d) R1 v6 tif (document.all)
% G- d- Y, h5 N+ ^+ ]supertext.style.visibility="hidden"9 R& R: G- k6 T! T/ @; p7 l6 H
else if (document.layers)3 u- y" t5 b" [+ G
document.supertext.visibility="hide"
$ H0 n7 x6 n0 V0 ~; ]* LclearTimeout(animatetext)
) T- e5 h' l! D4 K* t4 M}
0 u/ x* d* D4 ^" d- T# y. p$ z9 `1 v' l7 Q. I" p2 P) \2 y
if (document.all||document.layers){
7 @: L+ O% F& V! jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( ?. B: M/ `/ Y/ j
window.onload = initializeBall;7 L; u; T) z; _: ]: P/ F
window.onresize = new Function("window.location.reload()"); h, t$ _* h! S6 b
}
) [# {+ A* f- c! u) c8 d
$ R0 r" L( _% D! E</script> |
|