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

|
网页之不断弹射的文字-特效
<style type="text/css">; k* ]+ g% H6 R. ~+ R1 f9 v
#supertext {
6 ]% @" X! T4 | ]position:absolute;
2 G4 j" P! `$ m [left:0;1 f8 S) N- T" [5 k! e- l+ l
top:0;. F6 H& B# v* R7 B3 q( |
visibility:hide;
6 [3 e* T, U3 P& l% Y* N: vvisibility:hidden;" v$ O7 m' r5 z# j9 n- Q+ d6 w* @- I
}( g. n* ]4 J u% q; B% c' a' O
</style>, o0 [. s6 t& Q$ E7 c4 u
<script language="JavaScript1.2">
2 Y9 C [: L& D1 t1 W" J<!-- 改变下的字体的大小。颜色-->
; H [2 w# ~1 r- bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 k8 ^3 j' k% b& a7 f6 ?
var hidetimer='';8 i$ t' A6 k* R/ y
<!-- 改变下的弹跳速度-->
6 } }3 D, H& T4 o6 [9 m/ ?var BallSpeed = 20;2 ~4 s, ?( a/ ]2 a
var contentWidth;
. k$ S- r1 M3 R; svar contentHeight;
: D2 X) ^& Z* n. j) }6 D# s H8 uvar maxBallSpeed = 50;
( J# S+ P) v% T2 u H! F7 n5 O3 ~0 {
) H9 X6 {# w3 @: E
var xMax;$ M* f- G0 X: u+ n, X, [
var yMax;- d+ n( F6 b2 ~1 ^/ i8 z. C: e
var xPos = 0;
: Y$ f) }: i; Q2 D0 Y1 `2 zvar yPos = 0;
: _7 Y. f! [! |: xvar xDir = 'right';
. x a6 v( x! R; O6 wvar yDir = 'down';
1 V4 f8 ?: m4 m/ G% f& `var superballRunning = true;8 v$ _; u- h% L$ }! M
var tempBallSpeed;
* p/ _" m3 I6 l/ Lvar currentBallSrc;
6 ` E! Z% i* ?* j! k9 W1 wvar newXDir;5 C7 Z, {' N3 m) k" w* r4 N
var newYDir;
0 n" i0 }8 B& q+ F6 s/ j; o% b( j# ?' V9 {) J; |* D
function initializeBall() {
9 f& r) B: l7 ?7 O9 F0 {9 p if (document.all) {9 m: a' L: B, L4 x) s& W; @
xMax = document.body.clientWidth
1 i2 E4 V$ t7 \: ^% Y F yMax = document.body.clientHeight
- ~5 R. d4 z) i3 a1 n5 ^7 q document.all("supertext").style.visibility = "visible";
3 q9 \/ Q7 r# c2 j7 J- q contentWidth=supertext.offsetWidth1 n8 |5 V: g( ?6 @% g6 U9 P: {
contentHeight=supertext.offsetHeight( l+ V- L) ]$ |& i- |) L
}
7 z2 [3 ?8 A/ ~ else if (document.layers) {1 R2 e1 G4 b/ }
xMax = window.innerWidth;- x1 `0 N$ Q0 `# {5 w. G$ K0 G
yMax = window.innerHeight;( L/ K, R- K( ?( Z! R
contentWidth=document.supertext.document.width5 e9 e0 O( p8 u8 n- l
contentHeight=document.supertext.document.height) O7 n4 k& H1 F0 `' f6 L6 o+ f
document.layers["supertext"].visibility = "show";. l, a4 M }8 [1 X. Q4 y
}
3 `7 n2 N0 q2 ?4 h$ l& N2 e setTimeout('moveBall()',400);
: w! q3 j3 J1 S6 H8 m) I- R if (hidetimer!='')
0 x0 l& \1 H% ` setTimeout("hidetext()",hidetimer)
7 B; b5 F3 w5 W }
8 D% v. k3 T; @- m
& x# v) e" G8 X, O" ufunction moveBall() {
6 o, X8 o! m9 O if (superballRunning == true) {9 _4 l3 D4 i2 E; \+ A
calculatePosition();
- c7 {! U6 Z) F7 f if (document.all) {
$ H, o. E+ l7 [# ?0 h document.all("supertext").style.left = xPos + document.body.scrollLeft;
: _3 m; j0 ?+ O1 w1 y document.all("supertext").style.top = yPos + document.body.scrollTop;
! w0 c9 ~& V+ A' Y2 g8 M }8 @5 V$ N" f) Q
else if (document.layers) {2 t8 [, R6 l% H
document.layers["supertext"].left = xPos + pageXOffset;
, z1 F; K* X# I document.layers["supertext"].top = yPos + pageYOffset;
9 W4 o' u, }& J/ M/ Q+ A2 x9 N }3 q9 Z8 d) }8 ]- i' W
animatetext=setTimeout('moveBall()',20);
p# @+ z' w k! n: X0 ^; S }0 |0 M9 Q; X7 i" ^- n3 r
}
o h" G1 T# g* z0 O( E5 l. J) ?- L, K, A" Z: b# W. m0 e' ?/ `) n
function calculatePosition() {# z8 x7 m9 `! k: R( H) r6 b
if (xDir == "right") {
* T" Q6 T* ^7 a% M0 m0 c) [ if (xPos > (xMax - contentWidth - BallSpeed)) {5 T$ b3 W e% J. N: w6 z
xDir = "left";& M! s- Y5 L5 R
}
: F& x& f8 G' P }
/ R4 G. c* g5 F1 }8 {8 \2 d" g9 N( K else if (xDir == "left") {! n/ ^2 a6 _$ h2 X
if (xPos < (0 + BallSpeed)) {& w$ s- r6 E( S7 X$ q) ?/ k8 B
xDir = "right";7 M) M J8 n4 ]& D# Y, a& q
}0 X( F1 n8 K1 h
}1 h$ w% a" q, p# q, G$ m
if (yDir == "down") {+ h: |! }/ f/ H% v
if (yPos > (yMax - contentHeight - BallSpeed)) {
5 J9 y2 U+ _; I+ M; [' N; j. a% G yDir = "up";. ` e9 z6 `3 M* T \4 }
}2 _0 ^5 b1 P1 L: c7 p! I( y, ]
}
% ?" S( B) [7 _7 E$ S* s. e! j else if (yDir == "up") {
' @% f6 A( X- {' V) U3 B. ~ if (yPos < (0 + BallSpeed)) {
. l& x' Q Y' [ yDir = "down";
* t: \2 b. p4 n5 {4 ~& W" D. }/ m# y }
! L. F: Y6 r4 D }9 X6 t$ Z) ]) q: ^0 w- p# Y
if (xDir == "right") {3 _( b' R, ` v+ h
xPos = xPos + BallSpeed;
9 ~+ `0 w/ }/ T% Q3 z2 Q }
& y$ o- r* T! Z0 e9 z else if (xDir == "left") {
2 t2 l: R, [* c, m% ~$ v% d* Q xPos = xPos - BallSpeed;1 c' M0 A6 K& @) T+ c
}1 H$ ^- D7 n% o3 e+ N& |- C0 ^
else {
8 d$ z! M0 H3 @- R7 P; h5 _, r xPos = xPos;
% A+ R) p, i0 n, y2 g }7 j& Q6 w+ y* t; J4 L, Z: h
if (yDir == "down") {
2 \* a+ q. H5 p yPos = yPos + BallSpeed;+ L1 X4 Y2 a. h9 y9 \0 s* A6 x
}% o( @8 k% s9 }. H# T
else if (yDir == "up") {
4 d' y& o" i1 U! e yPos = yPos - BallSpeed;
6 I* [# Q) |* G- }0 f& O }
2 ]) `3 @/ Z6 P) D( G' X( r else {' Q3 g }' O. t( G
yPos = yPos;2 j: g$ t2 G& c1 J
}
; j+ W! u. b( @0 P }
$ h6 u6 b' j# N* _0 R2 J' Z3 e% g; v5 o) ^# n& t4 {; D
function hidetext(){' F$ K, ]8 W6 X3 w5 j1 M
if (document.all)# P7 G: s I/ g5 r4 V& g, p) ?7 L
supertext.style.visibility="hidden"
+ ^3 D, A. l1 a8 U. k0 jelse if (document.layers)
! W; w* F6 N4 n! c: Z, I4 _document.supertext.visibility="hide"
$ h* W1 U& L: U9 k: WclearTimeout(animatetext)' `- v* u: h7 \
}
; h0 G# F) U& l* f$ h4 k
, ]5 {0 v( A! |/ qif (document.all||document.layers){
" H& ]* I2 n/ T# \& I5 \6 Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 x7 M6 d! ?3 l2 v/ ~window.onload = initializeBall;
E* r" w0 i9 |0 V$ H; ewindow.onresize = new Function("window.location.reload()");! F$ L- Q8 F2 f |- ?) m$ U
}- s/ z$ h- k9 O) t0 x
i* x+ }+ j! I. ], h# o' `6 f# n
</script> |
|