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

|
网页之不断弹射的文字-特效
<style type="text/css">9 i. u5 X/ x, J6 [' {+ H3 O
#supertext {
& b: g% |7 f9 I1 ]0 |6 Dposition:absolute;* P9 |* s! c# \! Z5 c/ y, T
left:0;
% h3 W+ w4 |) s" B- ptop:0;6 X- J8 b9 @. p$ M, _1 `! X
visibility:hide;# ~- x; K0 K+ z" s& f( z4 O
visibility:hidden;! ]/ H# ?+ d7 H, i
}/ _% |$ [" \, _0 R4 ~
</style>' K7 |! K/ ^9 @! Z
<script language="JavaScript1.2">* u8 h' S6 P# `
<!-- 改变下的字体的大小。颜色-->
# F I6 K, N; t) E3 ?! I: {% V: gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( @, G& T5 w" f7 s0 Gvar hidetimer='';
4 N2 }0 u S: V' |% H+ c<!-- 改变下的弹跳速度-->
. I5 G- Y! l- [/ O w" d4 P: Hvar BallSpeed = 20;. G3 `0 J. e1 ?& h
var contentWidth;$ L4 L( u" y C3 _
var contentHeight;9 @% A9 p2 ^% w1 c
var maxBallSpeed = 50;+ y0 [0 ?5 N; }, ]
6 I0 N) _% A- w" d4 q9 V( W) `+ `6 _. w# T
var xMax;1 \2 q5 Y7 c: |& U/ K
var yMax;; W( d( m8 x: d9 M, m
var xPos = 0;/ }* _. i) A# }, F' C+ x
var yPos = 0;8 }& P" h! O* Z0 n. t O
var xDir = 'right';
) q: ]9 g* v8 V8 f0 J% U0 Fvar yDir = 'down';
' i. O" [- U5 |' O* ivar superballRunning = true;- T: U; t9 {4 H2 W, R
var tempBallSpeed;
# Y( U* E3 @; _1 qvar currentBallSrc;
- g1 Q/ J( Q! i' z% Q* [var newXDir;1 E9 C8 [/ R5 }: j A
var newYDir;
. }9 _3 h0 ^1 ?% ~5 c' p5 w% u0 M4 I! [& h7 o* }
function initializeBall() {
4 U b$ X1 G# U v7 f, C if (document.all) {
# {' Y& O/ Z/ H6 `$ v* I xMax = document.body.clientWidth2 V6 G" \! n$ H
yMax = document.body.clientHeight0 q9 s5 U, y7 f3 r6 U/ R
document.all("supertext").style.visibility = "visible";# a9 I6 J/ Q- d R0 u: U0 Z
contentWidth=supertext.offsetWidth
' k, @7 w- q9 z$ w3 F5 X+ t contentHeight=supertext.offsetHeight9 U! t9 w& V8 f, E) E) g4 V g
}% J2 r1 U( u, g8 Y$ l2 n6 K% C
else if (document.layers) {* ~8 }, }$ ?6 v9 ~; }
xMax = window.innerWidth;; H! g" r6 w" R6 p4 o
yMax = window.innerHeight;3 S1 M' E5 H1 n
contentWidth=document.supertext.document.width- x- I$ e0 Z: P! q
contentHeight=document.supertext.document.height
0 p8 l( k i! W! s, B5 x" n/ k document.layers["supertext"].visibility = "show";
2 r3 c y2 T4 g3 K$ T$ `8 x }
0 z5 }5 {- p- c# S5 z6 L setTimeout('moveBall()',400);
* s; O; R( i |- L; k8 {* G if (hidetimer!='')
3 q2 E- @, `! y1 @7 u1 E setTimeout("hidetext()",hidetimer)& b$ k/ H0 T% ]/ z' D
}( U0 O! K% h* W* ~& v5 c# x3 I' ^
7 R% n2 E2 q+ v7 @) m) d0 }2 rfunction moveBall() {* S B6 a( C0 V: i0 N& G4 o
if (superballRunning == true) {5 C3 B8 d" W4 [' \. l
calculatePosition();
8 u8 N1 _6 U# L n$ [6 I) c if (document.all) {
7 `, |# b( R! m' T8 y# C! S document.all("supertext").style.left = xPos + document.body.scrollLeft;) o5 P& i& c& m& w5 j* P& i
document.all("supertext").style.top = yPos + document.body.scrollTop;
5 X0 F2 ]4 s% h# L* B! }9 I }- E7 ^; t# L; H% y
else if (document.layers) {2 r, S/ P+ `. |2 L# |( U
document.layers["supertext"].left = xPos + pageXOffset;
, h9 j& o& H/ @0 m9 z- f document.layers["supertext"].top = yPos + pageYOffset;
. w' d. R d2 C/ ?: r) @8 _ }1 m8 E% a0 t. w1 p8 N' g
animatetext=setTimeout('moveBall()',20);. k9 V5 Q0 F9 O- X" g
}
! e2 V& j( n; {( @) ~9 J! R }
% f M8 B5 f6 V: G! K. ~# {; Y3 G. |2 j S5 d) a4 E% Y4 a8 q e
function calculatePosition() {9 a0 U6 S5 Q* P" Q/ Y
if (xDir == "right") {# S l- o# g0 s3 I
if (xPos > (xMax - contentWidth - BallSpeed)) {: m4 w4 L* M! T. o. |! d
xDir = "left";8 @$ B7 p, U, [/ ^4 Q& _
}
1 L. n. }, U5 } }
" n. B, j( L. Z9 j else if (xDir == "left") {
+ s; K8 m4 h: C3 |( `+ Q if (xPos < (0 + BallSpeed)) {
. k0 Z& L. F; L; ~- E$ z xDir = "right";, I) w4 s5 P: B) e, N
}
* _! E; b9 x4 |8 a }
4 |1 ?7 z D1 j( K2 a4 m if (yDir == "down") {4 A3 m! h; X" _
if (yPos > (yMax - contentHeight - BallSpeed)) {
; e5 A/ P) P; d yDir = "up"; d+ ?0 {, p' N! K$ L5 A: [2 o
}2 T8 S3 F/ Y. |7 S L. l
}8 f9 v2 x( @; } J9 {
else if (yDir == "up") {) U P* N4 K0 [$ I
if (yPos < (0 + BallSpeed)) {% G* ?& z3 P, W* u, u4 R& ]" ^* t
yDir = "down";
- K/ I2 ?! S' E* ^ }
7 S3 g0 a7 S% m; ? }
9 Y/ P0 C l0 Y/ J. O. f; c if (xDir == "right") {
- A% L- @9 w, m) z: M( S! y2 Z xPos = xPos + BallSpeed;) q0 k+ q; b% _% u$ v0 d+ u7 I
}- p, R/ |0 Z' R( v5 e7 h
else if (xDir == "left") {
# ]8 Y' D5 w3 m xPos = xPos - BallSpeed;
& ?3 i i: d! ]/ J3 ^' l1 Q }
, Z& N# h+ m G. |4 `3 {; [$ ~ else {$ ]; p8 ?1 W# r1 f& A$ O
xPos = xPos;7 K$ J4 U. v# A0 n0 _) d
}
/ u. ]+ B( g& ^* M( z$ z if (yDir == "down") {- l- }; W/ a. W; E
yPos = yPos + BallSpeed;9 e+ ~& l5 R$ l' z- v- N% h6 D" n
}; L6 A6 ~1 q' s5 q) v" G
else if (yDir == "up") {
5 q& S! m; h4 n! s yPos = yPos - BallSpeed;
) L7 w9 d5 v5 E" l5 H2 }& _ }2 C: w/ B& ]. L% O3 a
else {4 i8 t' D% Y' }- \0 z4 }
yPos = yPos;9 F. m& k4 c) c( Y- ]
}
; O# v' Z% Y7 {" U. l }
& |; h( k% R! J* E; i H% S I a7 Z8 [0 u' H8 v6 R
function hidetext(){
# d/ Y/ y5 y% l" V6 Fif (document.all)
! v, e$ `/ S& a$ N, ?, R" Xsupertext.style.visibility="hidden"
- P" R; ?4 P- N! C. ?( Z' _) Gelse if (document.layers)+ Z, G+ G; @0 p' I/ R8 z
document.supertext.visibility="hide"
1 G s& q( v$ {1 xclearTimeout(animatetext), h- L6 v8 k; s+ V( F
}
7 r4 U( N# \3 W0 k6 [, a, Q2 U! i
# C0 J2 f9 u1 V! P# d, |( bif (document.all||document.layers){
/ C( s+ x; L' E& q& G3 Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" Z3 ~4 a7 B+ C1 O* e0 l! g8 L% ywindow.onload = initializeBall;
; ~; `; U, v1 o/ ?4 m$ @+ |window.onresize = new Function("window.location.reload()");, Y: j( _& O! {# |# r
}4 p: u3 d& t; F: a6 m" C5 y/ B
) H# O$ F" C/ C* r: F& e3 u
</script> |
|