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

|
网页之不断弹射的文字-特效
<style type="text/css">
; [- m2 Q8 b: c" ^1 O$ S#supertext {2 \0 c6 p* c- n6 I2 A1 ^6 A/ ^
position:absolute;0 g* e" O- L6 c5 z
left:0;$ z, F, ~0 X" W6 Y3 X, Y
top:0;$ h E. x% E3 W8 ?8 N) H" g
visibility:hide;
- Q9 A, O9 P8 F! E, }2 g, }visibility:hidden; S! V+ m* q- n5 W# m% ^
}
! v5 S( y8 B+ |* _</style>+ V& D# U5 \7 Q
<script language="JavaScript1.2">* @4 l7 E( X7 Q( o8 F) k
<!-- 改变下的字体的大小。颜色-->
! z6 r) w- d9 l3 K) B/ D3 ], Rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" Z3 ^5 _9 }+ evar hidetimer='';* M9 r# ^% _6 ^4 Z
<!-- 改变下的弹跳速度-->
5 H4 M$ G& W" f: N; C. Gvar BallSpeed = 20;; Q3 W: N% |# P
var contentWidth;
2 @4 }# D3 P- B% r" y- N8 |var contentHeight;
9 O! i" [6 ^. Avar maxBallSpeed = 50;
8 B H6 Y( f+ X3 X/ O
) E: N* J, z; j O( o
. D1 }7 j8 y5 h" v& fvar xMax;& x9 U0 E) {( }+ O3 o# O' D7 s; v
var yMax;
[7 }5 [* U; i- n' jvar xPos = 0;( k$ M' P% u4 G- p( b. C& L
var yPos = 0;4 y# r& q9 K1 N$ |0 @7 l
var xDir = 'right';; ^. E. ]* `. b; i8 l
var yDir = 'down';5 P8 z& S. f, n! W( u
var superballRunning = true;/ r6 F7 [, @) G/ t( ^: v
var tempBallSpeed;- d3 i" Y0 U0 _' H- P
var currentBallSrc;
/ u ^6 I) r* r( c* W' f* `4 {var newXDir;( A) K* g w& `4 N: }0 E% n
var newYDir;$ I& G) D: r5 i5 X
# r# Z/ s, @% [$ v& z7 n: |: \* gfunction initializeBall() {
1 N5 }" q( S6 r( }! z if (document.all) {& F0 X$ K# f2 N+ w. M
xMax = document.body.clientWidth
* q7 H$ ^ v; ^% \9 T yMax = document.body.clientHeight
" L- T8 j% H+ [8 a" v. C document.all("supertext").style.visibility = "visible";, |) l& ~; t7 G$ y
contentWidth=supertext.offsetWidth
2 ]" Z! {! F3 e$ ?: c contentHeight=supertext.offsetHeight) R$ ?9 D; _; J$ a q1 q
}; @3 C0 S4 o S& {" z1 F* ~; G. y
else if (document.layers) {5 t7 O# C+ Z3 L- U4 K" ~' j
xMax = window.innerWidth;* q, P. E ]+ Y0 w( X
yMax = window.innerHeight;; D: z; Q' C% o6 T$ T: N* }
contentWidth=document.supertext.document.width) Z+ z& Z: z9 O+ L
contentHeight=document.supertext.document.height4 ~3 S5 n: D& Y6 T! S% V w7 v
document.layers["supertext"].visibility = "show";+ x) q. r# t, D4 }" {8 Q7 G
}
6 Q9 C1 J" f8 n8 S- f' e setTimeout('moveBall()',400);
/ `- \4 w& o, X$ B7 r+ k if (hidetimer!='')* z' R: O$ K$ j; J! b+ q
setTimeout("hidetext()",hidetimer)
# b+ v5 H; E: v }' S) g* Z* [: L3 V5 M# R- v
% I9 p, s/ d+ B4 W
function moveBall() {4 D; v. P0 l, M4 o+ z) C
if (superballRunning == true) {
# A1 i& V6 B& V, v calculatePosition();$ b, ^- Q6 T) a& R' q" ]4 }7 `) Y/ Y6 u
if (document.all) {
2 Y: p) M/ b- x+ n document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 P8 H( d1 o# c' ? document.all("supertext").style.top = yPos + document.body.scrollTop;" v' S* \. c3 T, d4 x! U4 e
}" m z& k3 ]! M' m7 j" `
else if (document.layers) {
# [+ G2 @. F7 ~$ ]4 f document.layers["supertext"].left = xPos + pageXOffset;
2 G5 y9 R% [. U document.layers["supertext"].top = yPos + pageYOffset;" r& g0 u, Z4 L. N0 L; W" R
}7 @' a% w( _( K& y
animatetext=setTimeout('moveBall()',20);
2 e7 m! T% B9 x2 [4 x" U3 } }+ U0 P8 {) a" N; u5 Y# _. h/ u! r
}
2 {; ~& W) B' {2 @
2 l+ a6 }* ~% h% l/ T1 x. C+ _, N( U3 kfunction calculatePosition() {+ u8 [3 {% V& ]% z
if (xDir == "right") {* z/ ?& T- {4 Y; e, Q( ]/ O
if (xPos > (xMax - contentWidth - BallSpeed)) {* z3 ~) k" P9 |2 i7 L% p
xDir = "left";9 c4 J% d3 v9 D
}% s4 `+ h# n1 v; J" o
}+ K* y* g. _( s9 p" m! c& U
else if (xDir == "left") {
3 H9 p" O/ Q9 ? if (xPos < (0 + BallSpeed)) {- k) i& w$ f; {; i
xDir = "right";
1 y& R' M2 M# j% Z }' q# Z$ V6 Q. N1 g# Y$ L
}
! S3 C$ k5 o, Y6 I if (yDir == "down") {8 ~& Z7 {' b; m4 [1 X6 P5 q) ^
if (yPos > (yMax - contentHeight - BallSpeed)) {: ]$ F9 v8 V0 c2 Y5 ~
yDir = "up";. [7 c! L# Q d5 r3 g2 B
}! L' h7 O% h2 G1 ?1 ]. o# ^* f7 l
}
3 B* t7 w" h6 N! M else if (yDir == "up") {
; f, G5 X/ j6 c$ c) s if (yPos < (0 + BallSpeed)) { k* x. k0 S- I e0 V$ D; _
yDir = "down";
E l& Z% y( W( t, z }
+ w. z8 O2 u9 o: v+ h) @( Z# [3 D' A }; g8 x% C# q$ o6 l" `/ }& t5 G
if (xDir == "right") {
% w0 e B' F% g5 |2 K xPos = xPos + BallSpeed;* }. R. p+ @9 W+ [
}
& ~# D i/ J; K' Q else if (xDir == "left") {% N; d& r6 p. @& B' J ~8 M
xPos = xPos - BallSpeed;. j I' @2 e# j2 p5 W
}& S0 ?, Y: }/ `
else {2 B+ l+ e: @1 J- A
xPos = xPos;1 O4 R! k& C) X5 q% [* K0 Q
}3 M7 q6 m9 v5 G+ A) z( E' s
if (yDir == "down") {
$ B0 ]+ a" M% t: Q ?- S { yPos = yPos + BallSpeed;
6 Y$ j ~! a+ V2 s }8 {0 U% U }( m9 a9 L) B
else if (yDir == "up") {
2 ]& L) X) g% |( N yPos = yPos - BallSpeed;+ R, }+ W- ?8 V
}
3 O! g5 S- y6 m, {- b else {, Q8 k9 a* t$ u; N- y$ Y5 h0 W/ _; g- x1 ~
yPos = yPos;
% ^2 p& ~6 W$ j) ^! \; ^ }
# M- V. N, o/ s8 R# f( p }# y* L( b7 G3 _9 j5 f5 {1 J4 K% C
, ~# c: i( z) `! nfunction hidetext(){
9 b& X" ?1 \( H4 }& ?' vif (document.all)
( r+ K6 M2 z% lsupertext.style.visibility="hidden"
7 F% {, ]9 K/ q, x: f/ Y; jelse if (document.layers)
1 C3 x! Z8 K* |% x- m* S0 t6 F: Cdocument.supertext.visibility="hide"
! g }3 q2 ]# t1 lclearTimeout(animatetext)0 n# K; A6 z9 v& g4 |7 q
}
3 \1 A2 u) M K0 ]
( F- o' O {; H, Z: B. Mif (document.all||document.layers){. F# N5 L1 {# `) t6 V8 s2 b+ j. ?6 V
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( H* P1 h y" ~window.onload = initializeBall;
) x- y- }; X# R' m1 Xwindow.onresize = new Function("window.location.reload()");! P1 v& H5 W4 i* q# v \/ b, v
} f3 Y- c3 X; V2 p% }
' S% C7 j% i6 X' y7 r+ H# J
</script> |
|