|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
3 y: a- |2 N! x1 g: t% A! q#supertext {3 K; g1 V6 z* |0 {0 b9 y* y
position:absolute;
4 ~) l- J* f' T5 F/ F) Pleft:0;
+ w/ N0 U5 w* N* v& ctop:0;
; v' H8 S2 a" z7 d/ Y5 L5 ivisibility:hide;
6 x$ v/ Z0 d+ {0 |! l$ [/ A+ k: ivisibility:hidden;* r' n0 l" R" t# F
}
0 V& ?2 _, m- N) `! x</style>: y/ E+ q4 W# X& S2 T
<script language="JavaScript1.2">
Z% T6 {1 S6 `, u. G<!-- 改变下的字体的大小。颜色-->
- j! b: q& j$ V2 m. W- A' W; m4 evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': G- q4 T* g: E( [+ \$ [: b4 i2 a
var hidetimer='';# E# U/ Z- c0 r, z
<!-- 改变下的弹跳速度-->. K+ ]+ l0 j. l* L5 ]
var BallSpeed = 20; A3 B m9 S' y( B' a8 E
var contentWidth;
9 ^8 V$ A" ]' ]: D" F" [var contentHeight;
7 S, i' p' g1 _, I3 ~* Dvar maxBallSpeed = 50;1 N3 |2 B- G: ]( L* Z, \2 z- y
' s# w9 D: y6 e8 q+ T
$ b3 G; e* X# K6 @* o) [7 b4 X, Uvar xMax;
$ b" y, v4 G- @$ A; c( {( N# e( O" c1 `8 Gvar yMax;0 q. r2 o2 {0 P1 j
var xPos = 0;5 m, b& q+ M* Q
var yPos = 0;
. Y0 e( I+ d, n, T1 ^var xDir = 'right';
( E$ q _3 S6 k$ g1 hvar yDir = 'down';9 Z! x$ [1 \. P! Y5 }
var superballRunning = true;4 K, H7 Y( Y: M6 E! E. w' V: f" ]
var tempBallSpeed;
8 h! j) b8 I9 V! F; `/ Ovar currentBallSrc;
1 Z2 P, F1 \/ W; \2 @+ r1 u( F" {var newXDir;3 I" r- Q6 x8 U4 {, |3 I
var newYDir; m5 o# T5 \6 k* a3 w0 `
% Q/ P( k9 A& [; O0 o/ Jfunction initializeBall() {6 u% x+ Y2 q( y: \. \
if (document.all) {7 s, j/ K8 w* w; ]. z- O1 v' k
xMax = document.body.clientWidth+ c: B, o; [$ z. v
yMax = document.body.clientHeight
: T# }, H) R2 K4 m* r" Y! A2 a* p document.all("supertext").style.visibility = "visible"; F: c0 ?9 B9 y; ?1 Z! f
contentWidth=supertext.offsetWidth) U# c y1 g' z$ c: O7 M
contentHeight=supertext.offsetHeight
0 t& N6 ?7 N+ \9 Q0 @) A }" u4 \3 c: U& P2 T. Y
else if (document.layers) {& ~! E/ F7 S0 K0 o4 U
xMax = window.innerWidth;
# r2 Y* i3 d* z yMax = window.innerHeight;
& V+ v2 E* \9 H* S4 \8 U# U7 K contentWidth=document.supertext.document.width
5 z0 P$ @! |+ u6 J/ Z8 M/ R+ }; c contentHeight=document.supertext.document.height
/ C# z& S0 L' A, C- ]& U, T document.layers["supertext"].visibility = "show";( ]' X# M) N3 i0 b' r
}
; E7 |" A! k8 l& y. C setTimeout('moveBall()',400);
6 O8 ]0 i0 a" E* Q4 ?3 ] if (hidetimer!='')
9 D3 M" _& ^. t4 | setTimeout("hidetext()",hidetimer)! ^ h% v5 [; R/ f3 g1 @. r
}
9 W4 r( l$ v: L' I
8 x; g& X; k; u6 d9 o( U' ofunction moveBall() {
8 ^+ d1 y7 {# K" N7 N- d: e# d if (superballRunning == true) {- {1 c: S6 k5 q3 W1 ]% X9 D
calculatePosition();- j3 Z, O$ |: I& k
if (document.all) {
$ g- O' L b, Y9 v' `( }6 l document.all("supertext").style.left = xPos + document.body.scrollLeft;
* h5 e$ ^! j% h/ q document.all("supertext").style.top = yPos + document.body.scrollTop;
: _2 E4 U$ s9 j" A8 p j }# f2 n/ A9 P( E; J, Z3 S
else if (document.layers) {
2 f' z2 [. F: X7 I( A. M! H/ t document.layers["supertext"].left = xPos + pageXOffset;
4 D. e& t: s& ` v3 |* E+ r document.layers["supertext"].top = yPos + pageYOffset;
0 }5 s$ C* _; \: A }
5 U0 i L& _# ?5 v& q t) x8 I animatetext=setTimeout('moveBall()',20);3 v( R9 R' Q' C8 K# |; \
}; I# r1 M V( o7 C
}
" m8 M" A9 j& S `. l! c, @* O7 \$ l6 @ Y, i( L- J; J3 U
function calculatePosition() {: ~% i6 v6 }, h
if (xDir == "right") {, ?# N( G/ F7 S' n# [
if (xPos > (xMax - contentWidth - BallSpeed)) {% {. G9 [) k& u' {" H
xDir = "left";
9 p+ e" J1 [2 | }- T# Y9 ]6 V: R& i) I0 A6 X0 p
} t$ N u9 u6 J& {3 u
else if (xDir == "left") {
2 f; _) A( m% s" ? if (xPos < (0 + BallSpeed)) {
5 c1 l$ V, V* S" h xDir = "right";+ Q+ Y1 G' t$ z# B9 g, m7 }
}0 X3 [7 c( g3 h" c4 x. l) r$ E, W
}; p4 h2 z! O, G, t
if (yDir == "down") {1 u2 q U" j' f* G0 u7 v
if (yPos > (yMax - contentHeight - BallSpeed)) {
+ v X0 t |( t5 ^* z yDir = "up";
, b& }; [; ^* w) N# a( t }
/ e: ~1 o" n2 ? N$ [8 K& K. U( C }. n! Q- X2 ^ p$ _/ f# q
else if (yDir == "up") {0 K- u" a1 Z/ y2 m2 h7 y4 Z* R# l! R
if (yPos < (0 + BallSpeed)) {: J2 k2 _$ r3 I2 o5 ~' C
yDir = "down";
% E5 I0 j0 `, g( W- ]' _ }1 _7 r g* M: z* O8 t x. _
}- T% Z* K* c1 l0 [' y& F* M
if (xDir == "right") {6 K. E. z7 ~$ D( e% @
xPos = xPos + BallSpeed;
% i3 k; _% A) L7 x( c) ]( V }
. ~! D' ?! t7 x. ?: `, u else if (xDir == "left") {- ^9 y# V3 s2 Y; ?
xPos = xPos - BallSpeed;
2 B5 w9 g0 y) r E* c) l }2 g0 R, m- C/ [
else {4 g1 F6 v( c1 k
xPos = xPos;" D0 |/ ?1 d% b8 J* ~
}0 K- z+ ?& A o! y2 P# A) J7 t, f
if (yDir == "down") {+ j+ X0 V% l5 S: ?" `+ h
yPos = yPos + BallSpeed;
, E3 e2 B% q R% v7 ^' K7 b }+ O- H' _: z8 c7 d! @
else if (yDir == "up") {; i1 U0 L! P/ l3 k3 D! [5 N% T0 G
yPos = yPos - BallSpeed;
q2 ~8 a% I9 l8 V( b$ E }
' L- j, U) T" ] else {( M( @8 l4 ` s& y
yPos = yPos;3 D4 o% d& |7 D# E- ~, L: p' B
}
% D& u9 l' _+ ?2 y }+ L! e6 E; j* @0 c" g6 A F
. i' ^! G2 v' t+ K7 f' m: Rfunction hidetext(){4 [" o2 S/ A$ \# ~1 W
if (document.all)- `. n8 r P' f: ^6 z
supertext.style.visibility="hidden"
! J4 e! }! t- B( g8 L* |else if (document.layers)0 N& C% D/ x2 K' i
document.supertext.visibility="hide"2 O% k% n9 i! i6 E
clearTimeout(animatetext)/ k! Z# O% X1 ?6 @9 }" Y( u! X
}
2 `5 s0 z" j5 F
9 x: X7 k0 N& Q- k5 I1 lif (document.all||document.layers){
( v$ Y) M" S( I; K! idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 m% h/ j! B6 |
window.onload = initializeBall;
) ^& f8 s' _* V0 _5 C# i8 k# I" jwindow.onresize = new Function("window.location.reload()");0 v8 D/ |" {$ n$ V( i6 e
}
( @5 T7 H7 V0 k
; f; |" R+ _: F4 S</script> |
|
发表于 2008-1-21 20:55
|