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

|
网页之不断弹射的文字-特效
<style type="text/css">5 R) o# s; h1 [. D2 z! y# W; ^1 j
#supertext {! c {" B U: N3 G1 n# w# \
position:absolute;; K) m& P- a7 J2 c: J" b) {/ j( ]
left:0;
( O6 F( f. j2 dtop:0;4 P1 B. n! D/ q( u% ~$ D6 _+ g. p
visibility:hide;
" ] }& U3 a; ]; A5 E# l" A% J) Rvisibility:hidden;) y {1 y8 i' l2 ^
}
9 }* K. A! x( E+ c' }/ U* M1 q</style>2 }! c' C5 v1 W1 f4 T$ A
<script language="JavaScript1.2">
% Z4 o) P" x5 z7 P<!-- 改变下的字体的大小。颜色-->
- v0 ]( L! e, ?* z7 y2 Nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" O1 ?1 q; J2 C/ L4 lvar hidetimer='';* M4 u8 `$ k8 H
<!-- 改变下的弹跳速度-->
9 s+ u& y8 l6 u# cvar BallSpeed = 20;* H5 }5 A- L1 Y1 h3 \2 w V6 ^
var contentWidth;
. _6 A5 f; b0 ~0 f. R$ y2 I4 uvar contentHeight;
- A3 _9 _ L9 d6 r) h, Evar maxBallSpeed = 50;# d9 ]- U7 i* p" ~/ Q
( Z. w) p1 {5 k3 t, {# |
! ~( G: y3 T. _var xMax;/ D) F9 F& X8 W `! f; i( m9 j
var yMax;
. W. R. e; z8 E" n* p3 }5 Zvar xPos = 0;
" Y, w! E/ O6 z* P1 c) \var yPos = 0;
8 h$ |" o. t# i" [: F# j2 Q8 Yvar xDir = 'right';
% Q% {* f! P1 Y- Z- E- k5 u wvar yDir = 'down';
: E( ?3 W( O, F7 O' v3 Mvar superballRunning = true;. F+ H7 |+ H3 ^, R
var tempBallSpeed;* V2 W$ r" O6 R7 m
var currentBallSrc;
0 h% V0 g, l1 S0 A+ g8 [4 d6 V4 wvar newXDir;
7 P; @) j% _; z2 Xvar newYDir;4 @* M+ W, f n. e! k
( s! W, c8 Y, S7 I* @
function initializeBall() {5 w& j% A8 f8 s, F
if (document.all) {
3 m4 A S j, \; @/ e xMax = document.body.clientWidth
' p7 Q5 ?! H8 ?3 H5 z2 o% R yMax = document.body.clientHeight1 d' M# |1 c1 Z3 y
document.all("supertext").style.visibility = "visible";
0 P& y# Q' u' S& C! J1 o contentWidth=supertext.offsetWidth
; \9 W. m& M2 l- N$ U; a: o, D7 l contentHeight=supertext.offsetHeight
0 }7 C i! T- c- F9 C+ ] }
* N9 H: e6 X/ D; O' L1 s; \ else if (document.layers) {
) c6 s3 _ m) e xMax = window.innerWidth;- L% ~' C2 a* m s* Z) p
yMax = window.innerHeight;' m2 J A# d2 V5 ^/ u" V
contentWidth=document.supertext.document.width9 C( K# a9 k7 g" [" e) E
contentHeight=document.supertext.document.height
0 `# F" a$ T8 u: O2 O& R document.layers["supertext"].visibility = "show";
' k* [$ |5 d7 ~( r }
1 t! e! o P; z1 @2 b( I setTimeout('moveBall()',400);
) M: t+ u3 X- H; q% O if (hidetimer!='')4 L+ F. C; U! |, G1 r
setTimeout("hidetext()",hidetimer); y p/ J% [) C' e2 H# A
}( P2 c9 X6 w9 J7 S. z ]
. v: E7 ~! H& m( Ofunction moveBall() {) I) d4 H: z% d6 P# z
if (superballRunning == true) {
" Q/ q# F) q5 L" _6 p$ f calculatePosition();
/ A; e( ~# i9 x! Q if (document.all) {" j, X1 r4 J+ \, E; s
document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ k8 K. Y$ r. n `0 R! } document.all("supertext").style.top = yPos + document.body.scrollTop;
$ ^: h4 c1 Q/ U( @- v }
( p5 v5 S6 O$ L, ^- s8 L2 g, b else if (document.layers) {1 f# D: s1 [) f5 c7 P& B
document.layers["supertext"].left = xPos + pageXOffset;, g8 r) L5 `5 | a3 I9 X
document.layers["supertext"].top = yPos + pageYOffset;
% j; }& a4 g3 Q' {/ G, A+ x7 D. m7 H }% O' f- x2 n& r X
animatetext=setTimeout('moveBall()',20);7 s% |+ {2 @. ~0 `# T' j% i
}
) b0 C: b$ {6 [ }
3 z6 y+ ?, u1 S5 {; W
^- }: U t* U$ I" i0 Efunction calculatePosition() {
& e5 l4 r H2 y* @0 N if (xDir == "right") {
3 H+ z! u! H5 P1 F4 `1 D* P if (xPos > (xMax - contentWidth - BallSpeed)) {
% N4 f6 g! m3 h* L* }3 @8 B) \ xDir = "left";
% z* U, v2 ~9 O5 O! L4 g6 v }
' T3 ^# }4 @* D }+ f2 p$ j0 G% |) y
else if (xDir == "left") {
# P6 _& d1 c; \% V8 [7 E0 } if (xPos < (0 + BallSpeed)) {
1 v; G f7 E4 A0 C7 E$ K9 ]* O w xDir = "right";3 K- `# N6 I/ [( Z5 ]
}
* K- O7 A' C# [* O: I }0 m9 q) o. G2 v7 \9 x1 P5 R
if (yDir == "down") {) C t! O/ u! H6 i$ l' s- K
if (yPos > (yMax - contentHeight - BallSpeed)) {
, C& i' e# O" E! z! D3 R# C3 O+ B yDir = "up";- l0 Q( T" A4 f* Q9 v# c$ j
}8 n# v" V1 r- ^$ S5 W
}
( k$ y6 c- V+ }0 H: @, o. I else if (yDir == "up") {
. M; U9 U7 p9 P) Y* q if (yPos < (0 + BallSpeed)) {! }& {( O1 R4 ]& m
yDir = "down";
! Y" q+ O, l5 i2 y }
4 Q/ Y8 d, H* w u( N9 U8 i [ }
9 {# t% O- t) ?; |$ w) a) \: O0 b; ~ if (xDir == "right") {8 r1 Z$ ~% R. y; P
xPos = xPos + BallSpeed;
2 G4 y* P) i, q4 B; [) P$ Y }
7 p3 R& b( z% q% H5 [. h else if (xDir == "left") {
: C1 \, j( f" Q: B( u, B7 I xPos = xPos - BallSpeed;- C5 i5 Z) y' ]8 b
}1 ?6 L7 F' ? {7 t* T: U- r
else {$ I4 S- @$ b6 k9 G
xPos = xPos;
7 m$ m; R, G" _& c( x3 I }
' C Y% h; } U if (yDir == "down") {
7 P- W7 m, u5 i7 M8 Z- e, ` yPos = yPos + BallSpeed; P8 _: X# l7 v6 t1 G2 R0 `( F
}4 }8 ?$ ]6 L2 F1 N4 s9 T/ K
else if (yDir == "up") {
7 H0 E6 [' {; S8 }% j yPos = yPos - BallSpeed;
% l3 P! x/ { P6 `2 ^ }
4 x5 o" f1 h. L' z8 @ else {
: \1 ]& D$ v- |3 b0 s yPos = yPos;" @5 C( \* u0 ]3 j+ o
}) T' l: f" A2 W' H/ j0 h7 p
}6 o2 Q7 E# p% B& _: U- Q, g
1 \ S( O, k g: H2 Y9 D0 u, Y
function hidetext(){
" B; ~( W0 c: `6 v J" nif (document.all)
' T+ Y( E7 q6 v* w3 L0 g0 N) Rsupertext.style.visibility="hidden". ]2 d# ?* K; b3 X
else if (document.layers)
. V6 x1 c; ^$ a4 ^: c1 Wdocument.supertext.visibility="hide": m/ D; ]7 `( e6 z
clearTimeout(animatetext)& w6 R5 i+ d4 ^/ I# Q) u. |
}7 n8 O- b( C; a- F/ ?! }( ~
5 ~; l, Q3 Q: H, ^ C6 ]
if (document.all||document.layers){
M: M M) a% N. cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
D9 d% ~8 B; I% xwindow.onload = initializeBall;
+ c, M' X: }4 P# U+ T% uwindow.onresize = new Function("window.location.reload()");
* @- ~/ J5 w" H% a) @( ?; C}# v2 x/ e$ u3 i9 }
+ Y2 B- w( [/ z1 ^* Q. j</script> |
|