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

|
网页之不断弹射的文字-特效
<style type="text/css">/ ^' K( E+ U2 ^5 ^( ?7 ^
#supertext {" [ @% @6 k/ T5 P* x/ r2 J- S8 t* U
position:absolute;( m8 m' D: A* t' @
left:0;$ x- H6 K* [% z8 {, @' ?, k
top:0;
. M4 m; w1 U V m" Wvisibility:hide;
1 f l9 O$ l- y2 avisibility:hidden;2 T, y4 [ I7 v" Q) P" R& G
}9 M6 s& W5 F, w/ ^5 d
</style> z8 a4 N7 Q4 T5 i
<script language="JavaScript1.2">8 S) P% ^0 S& O+ b& ^, c, Z# k
<!-- 改变下的字体的大小。颜色-->
2 a0 m! E, b, Y2 ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; T" s. M7 G2 h2 c; j0 w4 rvar hidetimer='';
. W6 L+ v' F+ D2 v+ E" y% D0 U<!-- 改变下的弹跳速度-->4 k. H" }0 z3 E) `. M
var BallSpeed = 20;/ a5 q4 r$ Z8 z, Y% r& V* N( u
var contentWidth;
5 Y5 W+ D1 Q w+ t X( Yvar contentHeight;) H5 N8 V# U" e2 D
var maxBallSpeed = 50;
# M8 T9 @ Q6 Q9 o" ~- E0 K/ z) u+ v2 T8 |% p* f# R
! \5 d% Z5 R9 ~0 ?# r2 {var xMax;, F$ E2 J) B( w
var yMax;& D a! N- _4 z8 m U' `
var xPos = 0;
* {2 }! Q2 z/ jvar yPos = 0;
1 H+ h4 v$ M" r9 r. ^, ?var xDir = 'right';
8 c% J8 A* o( y9 c1 dvar yDir = 'down';
( f0 T0 p" o8 z& p3 A; Yvar superballRunning = true;
|* F2 O) G) Z; ~2 zvar tempBallSpeed;
; a }4 J3 f+ [% d% K. k2 pvar currentBallSrc;- K0 U7 @5 h8 M' @; u' m
var newXDir;
) {; N" W9 v: J7 o6 F* r: H8 Ovar newYDir;0 [% _9 \; @0 a: e& O# o- ]
( w# \! P3 u: c# c$ ^
function initializeBall() {, J: P& O A. q& N) ]5 q$ k
if (document.all) {# a6 @2 o5 Q- }! K3 q# q8 M
xMax = document.body.clientWidth
2 X! g9 W4 |2 ` yMax = document.body.clientHeight, ^% t9 i, e, }3 t
document.all("supertext").style.visibility = "visible";, B: U5 p g5 t) k9 A) I2 D0 g3 L
contentWidth=supertext.offsetWidth1 [/ N" l9 v: l( Z) Y
contentHeight=supertext.offsetHeight
, R2 i1 v9 U+ c# C' ~ }
0 G( H/ {7 @+ I K else if (document.layers) {' x% r4 S# O# r$ m
xMax = window.innerWidth;
' s9 m. y. H: L2 B yMax = window.innerHeight;
, C7 _% ]8 i3 t" _/ o contentWidth=document.supertext.document.width; x+ k8 [3 N2 J& f
contentHeight=document.supertext.document.height( V, ?: ?/ {. [6 @- D6 N( p
document.layers["supertext"].visibility = "show";
: n5 `7 {- _: Y } v/ n7 k; X4 M. C G
setTimeout('moveBall()',400);
% B% D2 M7 q) r& ` if (hidetimer!='')
6 A7 C T6 X# }9 \- M3 S setTimeout("hidetext()",hidetimer)8 I4 A2 a9 B5 J3 c1 G+ G) K0 {
}& l8 p- }2 G a3 j- l: a
% O7 g$ [# Y l0 `
function moveBall() {
+ t0 c" W3 d' l S if (superballRunning == true) {( r7 _( {% p- L9 b
calculatePosition();
* y5 w. D. \( ]7 d if (document.all) {
5 ~# r7 n9 R! U0 \. P$ M7 a document.all("supertext").style.left = xPos + document.body.scrollLeft;. s# T- t# |5 b, g, { j$ r
document.all("supertext").style.top = yPos + document.body.scrollTop;
4 j p" p0 }! l2 F* w' h }
' W1 B2 E7 C2 ` T$ i, G else if (document.layers) {. ]& [! H9 _# r9 L: L) d
document.layers["supertext"].left = xPos + pageXOffset;
' R# D" r \8 E+ o( } K document.layers["supertext"].top = yPos + pageYOffset;
' @5 v7 M: E1 [/ f( q; k$ B }5 U" r4 O4 e2 v- R- \# b$ U
animatetext=setTimeout('moveBall()',20);6 N& l. S1 C6 h% y% C
}" C1 X# u0 _2 t$ t N6 n5 w
}
' V6 B3 i, _5 }7 S% \
1 Z3 B; p( P" ^function calculatePosition() {1 y9 v! t1 ~! q0 Q" t" R
if (xDir == "right") {; c5 @5 N0 n& P0 K! Q9 S1 ?
if (xPos > (xMax - contentWidth - BallSpeed)) {& b% b. s& g2 K+ o& Q: }
xDir = "left";
7 [9 v# T0 L9 `, B9 Q4 e }8 H$ w) h% |, o7 K( e Q, ]* | w
}$ z) I, {2 ^4 C+ Q* n* z: A( Z; @
else if (xDir == "left") {
7 y6 C/ Z; E+ t7 P# [$ x* s) O if (xPos < (0 + BallSpeed)) {
2 R' O: E# \( N. \ xDir = "right";) A! g% v" a& M3 s( [
}: k. U+ N. O' V, l: ? s0 O
}
: \6 A4 @2 i/ b% C if (yDir == "down") {) X/ u3 P8 v. j
if (yPos > (yMax - contentHeight - BallSpeed)) {
: h, E6 Q- |9 c f1 X* ?8 p) r yDir = "up";* K: c9 x T2 u, S
}
' w( `( P; t; h9 c, v7 w( Z }
, m" ~+ {" R1 h9 G else if (yDir == "up") {- C% w. [# {. P, f0 M+ o: M5 r
if (yPos < (0 + BallSpeed)) {
t- D! N8 ?7 l yDir = "down";
3 e( H c" T6 ` }
0 V: \" W) M) I! R9 Z0 h }: t4 B& d' M7 `2 E ^
if (xDir == "right") {% I# E9 B* R$ h% N3 V+ m0 g
xPos = xPos + BallSpeed;
2 k8 N! q" F3 P% W }
, o( ~# i2 W# H! d4 H+ x else if (xDir == "left") {( p: D% r! [+ b3 N1 K) q2 p8 h
xPos = xPos - BallSpeed;
, Z6 t- V* l, v9 q9 g }% N! Z/ P) S, u+ U- f$ X( x m4 c
else {, F- ^8 q/ i9 w# L' j5 |# u) l5 p( c
xPos = xPos;
/ F8 t$ ^: @" ]) m: u* ]% P }
n: J4 O. `' [5 j/ X if (yDir == "down") {# m+ Z [1 v. z `
yPos = yPos + BallSpeed;
9 S: L% P9 ]% A8 j" a6 \: [ }/ @ ^2 C! }& n" j4 X5 o7 v
else if (yDir == "up") {; q |( c# x1 z& i, D( u
yPos = yPos - BallSpeed;6 Y5 p2 d' Q" H8 b' w* N3 q
}) Z2 P' f# Z1 D' I
else {6 M' M9 I1 S/ Q: ?% q: A
yPos = yPos;- a4 I! m5 u8 A/ @! v
}5 J: k/ u! H, S* Z! u, \- I
} k. u% F; @. @$ y! T8 g6 u6 c
) k5 `& V7 o% u; i6 q' B7 tfunction hidetext(){
: t8 u" C2 H' j6 ]+ ?0 b5 m3 ~5 Aif (document.all)
$ I9 C- _' ~3 dsupertext.style.visibility="hidden"
* `# u8 R3 E0 y. A4 ~) }else if (document.layers)
1 a: e) n* }! m) y: j$ K! S' v* ~document.supertext.visibility="hide") t2 Q- s3 b8 I. Z
clearTimeout(animatetext)
/ D7 ^$ x/ @) |* E' J. ~8 i9 m}! y$ K4 {0 ?' P% a; u+ q" x- a
% ?4 g5 U* C3 P( Bif (document.all||document.layers){( e+ t* W2 x+ `7 n1 P: X7 o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) v: F/ X; ~+ D- X, E2 Qwindow.onload = initializeBall;
+ Z. t T% x9 Vwindow.onresize = new Function("window.location.reload()");
6 M* N' v% T/ _ e}; M+ U2 B# L ?# ~
9 A. Q% I- B$ H! o
</script> |
|