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

|
网页之不断弹射的文字-特效
<style type="text/css">
: T4 u6 c# S3 q$ Y& r#supertext {
- {4 k' F9 f4 ^; Qposition:absolute;
& K0 w# J' V2 {left:0;
7 h* k8 G- x- x* g. ctop:0;
& R7 R/ g' @8 ^1 b/ Nvisibility:hide;, R, _ c6 _# V3 {" f9 j' ~
visibility:hidden;
# e& G6 n- s' m}
8 ]9 m5 N8 G/ u( B5 ^, h9 v2 [</style>9 U# E6 D5 ]# L: X" G* A, U( O4 i
<script language="JavaScript1.2">
( `5 b# w c$ F6 ^/ k. e<!-- 改变下的字体的大小。颜色-->% X! h0 t: a1 @+ ~* U. p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" W+ s. m: t5 D# N6 Y- x" W* n2 [
var hidetimer='';! R! v9 _8 S3 C) N; i) R
<!-- 改变下的弹跳速度-->
9 \. @1 r4 h8 @0 h& n0 Hvar BallSpeed = 20;) _+ s4 b, w" B1 E. ]* v( _
var contentWidth;
5 q. V) r6 L* X0 y' g6 M4 Wvar contentHeight;/ Y: j2 `% P: D3 k0 ~# T- e) |0 \
var maxBallSpeed = 50;' @' l) E/ p2 T8 [
/ x) c4 _: }$ H. ^$ a: q$ Z' P. ^
8 ]- j- m- V9 f- D# Wvar xMax;
1 i; B' ~, }! H( `- ~. uvar yMax;; o( k& j4 Q' G+ ]
var xPos = 0;
- K( _7 H r9 H9 U# D8 \% Pvar yPos = 0;
- }/ J' F3 w3 o" j6 J9 v pvar xDir = 'right';+ | E1 c# ~8 p5 M& h7 H0 e
var yDir = 'down';
! |* u. i9 r1 ~0 m# Ivar superballRunning = true;1 D3 x4 A9 n# C
var tempBallSpeed;
- Q+ l5 A* V* [. G# Pvar currentBallSrc;
! `: Z6 v, j+ F- \, E& qvar newXDir;
& b& A) q& l% j3 {7 b3 dvar newYDir;& d( T. M4 ]; j2 E t P E0 V
+ _9 d. `5 X5 x. t5 K! G
function initializeBall() {
* j# W( v$ [# J* ]5 l! P7 U if (document.all) {
) s. T2 W' }; H' p N* x) m" Z xMax = document.body.clientWidth$ z: g# l) k0 e+ D% y' h: O4 u
yMax = document.body.clientHeight8 q# _+ c# \, O/ ~4 C8 d- {
document.all("supertext").style.visibility = "visible";
& M0 C! V" X+ q1 s6 i" B9 q: P contentWidth=supertext.offsetWidth
% ^' |7 B* n/ W/ E contentHeight=supertext.offsetHeight
* {2 j5 Q) m2 ]& l }
; M6 K% X5 c" _7 m else if (document.layers) {; W) `2 v" u5 i- A: y1 v
xMax = window.innerWidth;4 Z+ b( C H( K) V
yMax = window.innerHeight;
# r9 m) ] P& M2 P# Z contentWidth=document.supertext.document.width' _4 C1 D* q# N/ X3 I7 I
contentHeight=document.supertext.document.height; O5 l" ]' C9 j/ x1 H4 d7 Y
document.layers["supertext"].visibility = "show";
8 E) x7 e0 H% d }
- T) q9 F8 D3 t# M) g setTimeout('moveBall()',400);
, O+ S! b5 i3 r. U if (hidetimer!='')
. ^: ?7 q) T" R- Z6 ^ }# n setTimeout("hidetext()",hidetimer)
1 _0 y6 a- h& V9 q. w }# t9 W1 K# E0 {+ C! A
0 w3 ^3 \+ [* b# e5 W' `3 q
function moveBall() {" `- V0 G1 x/ R/ l/ F3 q
if (superballRunning == true) {! r: ^+ c; {" L! @# B4 [1 c7 z
calculatePosition();
3 u& h7 l5 p9 i/ t" j: Y" \4 F2 }7 j( ~ if (document.all) {, e y- @5 f- Q
document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 n% g! \7 I- ^! D. O7 g document.all("supertext").style.top = yPos + document.body.scrollTop;$ k( _) c2 z+ j$ r c9 x
}
3 E0 z' G3 Q* Q! [ else if (document.layers) {
0 i- x3 g+ d! j6 J document.layers["supertext"].left = xPos + pageXOffset;! g0 R4 {% C* U4 V
document.layers["supertext"].top = yPos + pageYOffset;
$ O2 Y8 [& ?' w) q( E }' f! X* f/ W) u$ b& d/ h
animatetext=setTimeout('moveBall()',20);) A) o3 R+ s5 A- S( R4 Z- c7 I; F
}. ~+ y% ~4 g* r. S9 y
}
* i. h; N. d/ f8 E( e/ |. j, j" V8 o- v0 M) ~- B3 f
function calculatePosition() {
- c* U. H V2 l if (xDir == "right") {
2 m* E3 Z8 b; ^3 s2 v: T/ R9 ~3 S if (xPos > (xMax - contentWidth - BallSpeed)) {+ d. ?( U5 n; ]* a
xDir = "left";
# Z/ D' e9 m3 @* `$ c }, [. [9 O$ o8 [& z( Q
}
# L* S8 y# L; e else if (xDir == "left") {2 s, @* T( P- }# [; G
if (xPos < (0 + BallSpeed)) {& @- Y1 t5 H3 u
xDir = "right";
1 Y8 C" q" P) Y0 T d" W3 r2 ~3 `6 u* B }6 a4 \. m, } K* L; r0 Q
}
0 `" X) Q0 {" _- @! V8 b* E" N9 l9 @% q if (yDir == "down") {1 V. A0 u0 h" s' M1 ?
if (yPos > (yMax - contentHeight - BallSpeed)) { H3 r: K' k, i" h @7 l
yDir = "up";
# c+ @8 }; N' ^ }" K1 i- j% K$ w/ t( J9 a% |) C
}
( e2 ]9 E' M1 E0 V# u else if (yDir == "up") {1 ~, W4 _% P J8 ?; y; \8 |" L7 o1 D
if (yPos < (0 + BallSpeed)) {
5 G# p% s0 D% Y& z yDir = "down";
' B' C! t6 K, T) l2 h6 H d- l+ k }
; p2 |1 y) J1 d; \$ i8 R+ _ } G, R b4 \; n5 [7 {
if (xDir == "right") {
1 N5 d/ j9 {$ `+ Y xPos = xPos + BallSpeed;1 z5 U) u$ w& f8 K# Q( ~) L" h
}
% ]1 h X& `2 I& E else if (xDir == "left") {
3 s i! J$ M4 Z$ B' |+ ^" | xPos = xPos - BallSpeed;1 ?- c7 K& m8 y/ L, Z, o. C& q! `6 I; b
}
' m# t0 c1 K6 c else {: G0 J8 F/ R6 s) @% c
xPos = xPos;
) D8 w$ l* D( J" U! S5 W z" N& } }
% b; a2 A6 m5 i4 e2 v+ A if (yDir == "down") {8 S& A2 ~! _4 u7 E% U k' @; z0 s
yPos = yPos + BallSpeed;5 o9 U% D. x5 ^6 U C2 Y$ A4 `% U
}+ `1 `) _7 d- p) K
else if (yDir == "up") {
0 c" q: T& Y5 e: c- F" l9 }- E yPos = yPos - BallSpeed;7 c. ~. [: X8 p
}
( E7 Z5 j# x" I8 r4 M6 S6 X9 D* e else {9 I+ h# m' J* a! u
yPos = yPos;: l# h; L; F, L. K/ }0 `
}" L Z% `- S0 I! a
}7 u5 B& [# O d6 n, d
/ U" B3 m0 y5 V' \; xfunction hidetext(){8 o' O9 [) D/ Z: u4 Q' b* _! j
if (document.all)
# [0 q" y6 L" Y" w* Qsupertext.style.visibility="hidden"
7 n: l5 S* H6 Aelse if (document.layers)
" \4 `5 s; R A. R) ]1 cdocument.supertext.visibility="hide"
8 N1 @, T* }1 y, u/ YclearTimeout(animatetext)! u; M8 A; x+ O( F" n' O. y* e8 W, y
}1 G8 c4 l N1 t/ ~: D8 H
/ ?/ N j6 p# j/ V, y4 b+ G. |: Gif (document.all||document.layers){
4 W7 C# D) B' O# F5 E$ U3 O& ?document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& {$ ]) S& I2 w. ?; |2 jwindow.onload = initializeBall;
) X2 Q+ l1 w7 N5 }4 j! iwindow.onresize = new Function("window.location.reload()");
" F1 Y& j6 C( {* }}: Y/ X; S9 Q3 V. `* I
5 R% H/ V2 t# n( P7 M# B* k& l
</script> |
|