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

|
网页之不断弹射的文字-特效
<style type="text/css">, q) g: Z0 u& g& K# r
#supertext {
% X. U T2 n5 W: I. Uposition:absolute;9 g+ ?& d9 X: Y0 ?. B
left:0;
6 ^4 R' _# l/ @ I2 S/ {( htop:0;! j, |2 U* B: D. _7 J/ Y2 |) v
visibility:hide;
A1 n* \0 Q8 k5 M3 Jvisibility:hidden;8 I- f6 G3 n e! ]
}; p% \# n4 x: l* F6 c0 b8 a+ f6 _
</style>
3 d: v: d- }$ O, l<script language="JavaScript1.2">' I. F7 F9 \, i4 T: ]" m
<!-- 改变下的字体的大小。颜色-->, r# m, O5 Z5 S" I' z7 u( [) j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 Y+ B7 ]2 \. R; J& q1 ^var hidetimer='';
( @% ~" ?/ o; z0 T L<!-- 改变下的弹跳速度-->
- @5 E: ?9 ^' a3 G! Pvar BallSpeed = 20;6 I- j& `6 N8 a( G% v
var contentWidth;9 c( D. d. D9 u$ e
var contentHeight;3 ^8 M5 @$ |+ s D! `
var maxBallSpeed = 50;
5 j: ?$ i+ [( `, Y0 O
+ s* }. ^6 R8 d! `$ L/ N; \' ^5 P1 [8 f2 A
var xMax;
1 z3 a* ]3 `$ |8 S& }4 S4 _' dvar yMax;
; W4 {: R% [( c% r1 k" Svar xPos = 0;
: n9 h! e; h( t( q0 Dvar yPos = 0;- B' ^2 O* o6 U* o
var xDir = 'right';
- K4 ]1 \: v& B/ N; F% O6 P# b/ i& Tvar yDir = 'down';
/ B9 {. k' y: @ U: Zvar superballRunning = true;8 C; ~/ P2 T. B4 n5 o! a, y
var tempBallSpeed;
9 _ C7 A9 K' |var currentBallSrc;
+ A2 x" J$ s! F7 ?* dvar newXDir;
6 |: S, }$ \& s8 \" b8 D- mvar newYDir;
/ x3 S. ~' o+ W- Y) K7 v; m% |0 q* e" Y( c$ |7 I9 x2 {
function initializeBall() {8 ]$ @! O; l, o7 q
if (document.all) {
) e* h% Z- _! @2 T( e; N) j) S xMax = document.body.clientWidth; k4 k3 t3 K$ e
yMax = document.body.clientHeight
) s" m0 B" L( Z) M4 G document.all("supertext").style.visibility = "visible";, U. q: i8 D" R% N/ d$ v" w
contentWidth=supertext.offsetWidth5 B1 ]3 }# N% y I' n
contentHeight=supertext.offsetHeight$ C" o% X- B0 k( ]1 g
}% q! y' u; l- N6 e
else if (document.layers) {! @3 l; \; M U1 P8 g8 s9 ~% }
xMax = window.innerWidth;6 F0 b8 L9 _6 j& ~! b" T: p8 u- |
yMax = window.innerHeight;
: @% l% h/ w) d% d) y4 R contentWidth=document.supertext.document.width
) I! A% x5 A) p, Y* } @4 s9 ^ contentHeight=document.supertext.document.height- ^, Y5 e E; A2 `
document.layers["supertext"].visibility = "show";9 i: }' V1 Z' ^! U& S8 ]
}
) U; Z+ f7 y8 }7 q( k setTimeout('moveBall()',400);
( d3 v) z" G% k# i! e. p0 P if (hidetimer!='')( G7 T5 n& o- f3 ^
setTimeout("hidetext()",hidetimer)% R1 V. _) K! o2 h; n
}7 E2 k% H2 `/ \
+ \0 ]4 D/ X# d( ~7 K3 cfunction moveBall() {" C& x) n. x& L, A+ w- j1 S
if (superballRunning == true) {- l! v+ F: H" l: H) X0 V6 Y V
calculatePosition();& _" f7 N+ S* d7 E: y
if (document.all) {
2 S1 K' @8 v( D7 B document.all("supertext").style.left = xPos + document.body.scrollLeft;) A2 X4 }. p7 i' G& \& e' G: n
document.all("supertext").style.top = yPos + document.body.scrollTop;0 U; M+ ^9 b. p b: Y* ~
}
; s( L7 a( `1 C' o0 l0 g" i9 E else if (document.layers) {
. O- k, P% e; v% D0 F' p document.layers["supertext"].left = xPos + pageXOffset;6 ^6 o/ d( L. n' B. G8 B7 Q, r
document.layers["supertext"].top = yPos + pageYOffset;( C* G# a& q( p$ e) R
}
. q& N" [: L+ J9 g3 k& p. `" z4 w animatetext=setTimeout('moveBall()',20);% U o- ]& T8 e4 P/ g4 b2 p
}' S) C1 f# n8 [
}
9 b: _, o6 {) m0 q0 B7 @( {
, E& H1 e9 ?2 j& l* Cfunction calculatePosition() {! n' H( a2 N( Q( N
if (xDir == "right") {$ M' I( y4 t& d6 m) J6 w8 g, T$ y
if (xPos > (xMax - contentWidth - BallSpeed)) {& t/ x7 ^% B! K! e3 S, Z
xDir = "left";
( U$ k3 Z: \: t- W0 D: P. @+ E }! h. e9 k1 q5 l* f* d+ V
}# `! y7 R% }! q% o O9 Q( [. `% C
else if (xDir == "left") {1 U1 z+ n/ y1 o2 B: `6 K
if (xPos < (0 + BallSpeed)) {* n7 G" B# h: ?9 P7 A/ w
xDir = "right";. V* K% N2 j M. \
}9 Z( V5 I- T1 F m0 |
}
5 Y8 k9 x9 l- r0 G( E- f7 |0 | if (yDir == "down") {! B! F% n5 E q! D8 A
if (yPos > (yMax - contentHeight - BallSpeed)) {
9 X9 o9 U6 \- q% ? yDir = "up";
+ ^: X/ L* U5 t$ B }
7 m$ h U$ v: ?5 L1 h }
: r, E$ R( E7 L/ X: x& T" ^; }5 V; y3 e else if (yDir == "up") {: f" ?! @5 O- h2 |
if (yPos < (0 + BallSpeed)) {: d( P+ A1 F/ Y# q# x
yDir = "down";
4 h, E( f' _3 d }
( V! s- f+ G. d$ v }: W* \! s8 h) M
if (xDir == "right") {
4 U3 y |4 [( q5 I! p xPos = xPos + BallSpeed;
* G# l; X8 Z a }
; x, A. ]: b8 V8 ~1 p! T; U# ~ else if (xDir == "left") {
7 ]4 q; {! s" x2 N xPos = xPos - BallSpeed;7 r' }, s7 G; K9 a# w7 p s- ^
}
- X. O9 p+ h) |1 A( W7 b' S# E7 l else {, I0 c; E8 M1 F1 [: n) G
xPos = xPos;
7 C% l, D, l7 _. g ~( v: l6 g+ [ }
! q3 i9 z: S. F! T) x if (yDir == "down") {" M+ h' H* ^9 O `; H" ^6 M( v
yPos = yPos + BallSpeed;
/ o( ~& n4 p9 }/ f- Q- A# S$ p3 i }" y3 `5 |# z( |: t
else if (yDir == "up") {: ^# `0 B& B* P0 i; h: F
yPos = yPos - BallSpeed;
7 `+ X' r4 N0 x+ o- @ }3 v" Z& W( g2 [% G( F' ?- F
else {: h& S! L L p1 D& f- t1 e# ]
yPos = yPos;$ D& X% t9 C6 o
}' W4 S+ d: K+ ]! q& y
}: K [# H) p0 _- A# f
( k% a, y( I5 s; W# E3 d8 v! K- d
function hidetext(){* _+ f B; `% c6 q5 m* X; b
if (document.all)
% w) R- \9 d n* X2 Rsupertext.style.visibility="hidden"
4 P9 @2 y; U5 ?else if (document.layers)8 A; h9 g8 l% G
document.supertext.visibility="hide", U* l* ? B" w
clearTimeout(animatetext)/ g, ?2 |7 s6 w c5 c- E( R; J0 u
}
/ n) f5 m" R6 p1 ^6 A5 R$ ~2 ? Q/ s% F+ H+ g Q1 j4 v% H4 D
if (document.all||document.layers){2 ?! C; K" P8 K1 r7 o3 F+ q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 A3 q1 g, O( ?# R) e* P8 M
window.onload = initializeBall;
( [$ `; X+ ~0 E. H( Kwindow.onresize = new Function("window.location.reload()");
/ ^, l) e2 M b}
8 h1 a w2 E3 q; S. V$ a% H9 f5 J0 l$ a- t$ O0 n- S- p& K
</script> |
|