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

|
网页之不断弹射的文字-特效
<style type="text/css">
& M4 M9 \2 R/ o6 Z#supertext {
& C( U R0 a7 T% c* P C+ [& ^6 ]position:absolute;; l! w1 ]+ M; k# h: c0 [
left:0;
4 T* r: V% G+ o: K- N8 P s& Itop:0;
8 }. y' @' J+ M' _. Yvisibility:hide;0 ^! c% b3 v2 _4 Z: C3 m
visibility:hidden;* p) [0 x% ~ }: z
}
2 C6 H, E+ Y% w</style>
% n: v, g8 J* Z4 a2 d* p- L1 m r<script language="JavaScript1.2">/ ~1 Q+ ]! J1 [5 r* W/ I1 L
<!-- 改变下的字体的大小。颜色-->
+ U6 g0 k9 M2 G z3 v5 `; W2 Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& Z1 j O# ?5 c: }2 H
var hidetimer='';
; }/ I) Z: Z/ ^. }* L<!-- 改变下的弹跳速度-->4 ?( P3 G0 l& m/ C
var BallSpeed = 20;1 w; T3 L- s" n& V+ G! E
var contentWidth;
* P' Q. A1 j; @- Nvar contentHeight;7 I$ d1 I4 y! c2 l j4 R/ O+ c
var maxBallSpeed = 50;
) q" P- r0 z/ }% d" j8 M$ {$ s5 _
" X+ S2 p: c/ o) z6 I& x, c5 l8 s% R5 N W
var xMax;# b- o# Z% @/ L( v8 T
var yMax;! j/ U0 x9 J# e* J9 M
var xPos = 0;
* q$ Z/ A& J4 n+ Yvar yPos = 0;
) o* [: R* \% j. o o" fvar xDir = 'right';5 B- V+ d, K1 M
var yDir = 'down';$ K# u5 l9 R6 z! j7 d
var superballRunning = true;3 K/ {% j4 Z+ r4 M8 g4 N W/ T/ `
var tempBallSpeed;
) V' F9 b4 k% H4 E) qvar currentBallSrc;
) n* Q, N0 b# a# R$ e7 A5 _, gvar newXDir;
1 Q5 F- h5 w6 \6 R- N7 Rvar newYDir;
* {" @) v( m7 t
$ Q0 O% X5 Q& qfunction initializeBall() {% |- e" y; P, W' g) @+ S" E2 n
if (document.all) {
( E6 O3 N. a4 C' f; w, U; d1 ^ xMax = document.body.clientWidth
+ K* i* o _: ], @2 u yMax = document.body.clientHeight+ ] E* j8 S8 H) |8 i9 @+ a7 \
document.all("supertext").style.visibility = "visible";
i/ g W4 s3 A- ~! t! D; ? contentWidth=supertext.offsetWidth
+ g6 b# q5 u$ [% ? contentHeight=supertext.offsetHeight
3 L& _+ M" l" g, R/ S/ q } s' X+ C, }, `9 g
else if (document.layers) {. B) x5 S$ e- |4 `& n9 j( T) T# r
xMax = window.innerWidth;$ S, f4 G& D6 P" @6 } b
yMax = window.innerHeight;
6 r" }& R/ V& T9 ]/ t contentWidth=document.supertext.document.width3 g- N: [( ?4 V0 v0 M) }
contentHeight=document.supertext.document.height
8 M( N! g" z* R: ?" L document.layers["supertext"].visibility = "show";5 d; T6 h! M0 v2 t; s" p
}
( I" h+ K) a; O setTimeout('moveBall()',400);9 V; r; U" Y' }& L, J% B
if (hidetimer!='')
3 U- y% l$ V$ L8 Z* C8 y setTimeout("hidetext()",hidetimer)
: a; H6 m0 e4 F" V- u. N: j }! \+ f% f% h9 b
& h @! a$ R! V
function moveBall() {' H& M: o' K' f$ N' b- c9 `
if (superballRunning == true) {
* A3 Y6 P2 J1 J8 A% Z/ L calculatePosition();6 z0 _) w& B5 T) N3 d
if (document.all) {
- D% ?! _4 [4 a# L document.all("supertext").style.left = xPos + document.body.scrollLeft;7 }& T8 b. O; k; |8 |" Y4 O
document.all("supertext").style.top = yPos + document.body.scrollTop;- H' f0 Q; d5 ]' E
}& N7 i' W$ T1 ]* n' E. s( f* T
else if (document.layers) {
: ^. ~/ b* _. L document.layers["supertext"].left = xPos + pageXOffset;
0 r7 O% {0 {+ A8 Q- \ document.layers["supertext"].top = yPos + pageYOffset;4 H! g$ \# h" l B) K! R7 C, o/ Q
}
D' h, _3 F% q, s, `1 T# h4 V5 ?2 @4 h animatetext=setTimeout('moveBall()',20);
. q _4 }. T! P- T3 G+ \8 U& I }
1 r7 f! H& p: [+ }* Z }
0 @3 i# B* f# n" P) j$ N0 O
8 z9 j1 h( e3 Bfunction calculatePosition() {3 X7 s5 ~! @/ [% z# V# K
if (xDir == "right") {
, c- I: P; K/ E& C' ^) k. ` if (xPos > (xMax - contentWidth - BallSpeed)) {/ T+ m9 }) f# c5 y" r9 r$ _
xDir = "left";" w8 N- U4 a; P6 z0 k7 W
}2 h+ G- ^. P2 D- ^4 N
}' L/ O1 U7 K- N4 |: G
else if (xDir == "left") {
" h' ~0 I: v( y! d+ ~( D$ Z if (xPos < (0 + BallSpeed)) {
! v5 y, N! X- S4 Q xDir = "right";& i B; \ T X; u
}4 _, P8 ^: _1 _) R4 A9 f
}
$ r/ d+ h3 |) V( ?3 L) z0 c4 W3 ] if (yDir == "down") {& D# L6 S9 J& k: f8 ~
if (yPos > (yMax - contentHeight - BallSpeed)) {
+ v/ Q' F; w$ B* H# w/ i7 |5 y1 [- @ yDir = "up";
- Q# b( U& T7 F& |& j. X }
$ w: n: G' O* r# ~& U. L/ q }
% P* x/ D' c. k K% f( b else if (yDir == "up") {" q. Y+ n+ c5 m8 ^
if (yPos < (0 + BallSpeed)) {( Y3 e# l9 U6 d9 }7 T/ |2 n' L& c, j
yDir = "down";
# v8 |+ D0 n# O% t, R }0 Q0 l/ U7 u, a, ]2 Z v* t- }
}& @- O" I, e. X
if (xDir == "right") {
- ~/ D) p2 ]3 u& H4 t xPos = xPos + BallSpeed;1 ]6 D) o% b) C) X7 M) {! p5 Y
}" A0 K& j w. a3 n- e$ k& [3 v' x
else if (xDir == "left") {
7 v; k i& Z% J8 B+ x3 Q xPos = xPos - BallSpeed;' j7 H1 @, @* V
}3 P. }8 b2 F, Y
else {, q) z: v9 p, v% H, @* @* a w- M# C3 F$ a
xPos = xPos;
; |& x3 \& i* v# n" r/ r }8 o2 d) C0 C2 t/ @ J% n
if (yDir == "down") {2 x& p/ \: u; \5 B, L0 a
yPos = yPos + BallSpeed;1 h/ R7 s3 A) F
}4 |2 i t, j& L& N$ U: O3 z3 @4 W
else if (yDir == "up") {
+ y/ ~3 N6 a3 X0 E# @9 g/ S, Q- X yPos = yPos - BallSpeed;
( [& f- _, C8 m# N9 C H, g }1 c* {1 V' j) z% J- [
else {
3 B) o+ }/ J) |5 s& o0 j yPos = yPos;
3 c* }3 e: U* C# Y6 c }4 g8 m& C* x: R
}
3 Y5 V4 S% o$ T3 W$ m* d9 g1 f- V$ m! a+ }3 P$ r& S
function hidetext(){
' O- c E9 f# v6 H# }if (document.all)
8 z7 Y% s- ?* Z4 B" gsupertext.style.visibility="hidden"
, @+ ^4 S7 d# G* M' C$ v! celse if (document.layers)& Q" O3 E; T6 `; s$ W
document.supertext.visibility="hide"
) A" t' W8 Q. I" o& C2 X" A# yclearTimeout(animatetext)+ P: j# p+ Q$ R$ d/ T' `8 E
}" ^. c m& W/ J0 l! Z4 F: X
6 h8 b$ m, j6 q$ ~9 G. hif (document.all||document.layers){
- Q5 k- {, L7 \- v* f" G# q5 Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- j8 N1 H( e1 f! y, P C L
window.onload = initializeBall;# u- B9 ^$ D9 B6 X0 D d; U
window.onresize = new Function("window.location.reload()");
5 E- k0 F2 i- E/ c" P$ c1 ?}
* d: w) L& S+ p. F# F4 g; G8 e/ \: I& _/ E
</script> |
|