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

|
网页之不断弹射的文字-特效
<style type="text/css">
6 D( m7 Q' J1 k) u8 W" H#supertext {
. @5 w0 k2 F0 H* Lposition:absolute;# B9 g- n A! P$ W
left:0;/ w; g: l8 _9 n d$ s
top:0;
6 \9 y z" Z$ S3 L6 t# B) Y" qvisibility:hide;
0 R; m. v: r( Fvisibility:hidden;
' S5 f1 m3 t/ V" i& o0 I* t+ c}
, F1 I% A4 k; } x! }( s; D# y* V</style>
) P! r8 o6 ]* E# q# |0 O4 s<script language="JavaScript1.2"> w# V7 z& v4 Z" T
<!-- 改变下的字体的大小。颜色-->
8 Q$ z# c0 v2 I3 \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ M# H, F. @% z" k" Vvar hidetimer='';
2 W5 W {, j/ ]<!-- 改变下的弹跳速度-->
2 Q7 `" _ ?1 I& L# Yvar BallSpeed = 20;
& e8 i- c6 x) U4 I' ?9 {var contentWidth;0 P8 \$ ^8 O5 W
var contentHeight;7 M I" O3 J' L; B3 A- W8 K& Z
var maxBallSpeed = 50;4 g' Z6 i6 r0 G# ?: J- A8 l
" d+ W: c* f4 M0 G/ S( W2 {
4 H% o1 r- U0 f- `3 Lvar xMax;
/ h8 g! t3 x5 t* b) S. W% y7 @, }/ Hvar yMax;
- T/ X9 l9 e. i- o- f tvar xPos = 0;
% ]* {& M3 U, r2 Gvar yPos = 0;6 b" N5 _6 O6 p( i
var xDir = 'right';' H) J3 j# f0 g6 A
var yDir = 'down';
K: Q. D) c' @4 g" D' Zvar superballRunning = true;) a% X# N2 h$ u) b+ |
var tempBallSpeed;3 S U( w7 W1 B' C l
var currentBallSrc;
7 t. W- ?/ z" k2 A( z7 ^ U9 k `; Vvar newXDir;
5 l! ]$ t9 \3 O+ {7 }: l' U Svar newYDir;5 E' f! ^) Z( j' @7 ?/ g8 O' Y' L5 d
. a9 s; P( @& g
function initializeBall() {
% L' m$ p+ i" K. } s# g if (document.all) {
9 u+ _ U, w6 Q# Q5 A5 w- q; ^9 ~3 ~) Z/ p# G xMax = document.body.clientWidth
' [, Z h$ ]% n# w: i4 F. ~ yMax = document.body.clientHeight% {& g# d9 x i3 Y! n) ?# ^
document.all("supertext").style.visibility = "visible";5 ^" `3 ]% [, j3 k4 ?* L9 h
contentWidth=supertext.offsetWidth& R: ~3 H' \" f& ~
contentHeight=supertext.offsetHeight$ E. W8 `6 c3 J; F5 k- H
}
. u. {3 n( O3 ], F' X1 t! l4 W# Q else if (document.layers) {1 l% s+ M! Q0 C3 h1 r. a$ I2 K! r
xMax = window.innerWidth;) e( l% p I; l- K* b( g
yMax = window.innerHeight;
$ k7 ~4 o" ^/ i* \ contentWidth=document.supertext.document.width9 T, f8 V2 `2 X5 ~ \! z
contentHeight=document.supertext.document.height+ h0 [3 ? B3 u' f7 q# P
document.layers["supertext"].visibility = "show";* @7 @7 R( m" B/ I5 n# a4 }
}: X0 E3 [ }3 O" Y, ^/ L% g; Q
setTimeout('moveBall()',400);
3 c* Y5 @; ^8 N# X; R. b" R4 L if (hidetimer!='')* v7 ?7 o0 i; J! _
setTimeout("hidetext()",hidetimer)
( ~2 G& }$ C: s: p( R, l7 {7 t1 w }
$ J0 y- R9 U" i' f8 P7 |: e# H9 e' r z- `5 }1 f8 c/ b
function moveBall() {
; Q' A n& E2 _' r if (superballRunning == true) {/ |2 T0 T% f5 q8 q0 \: l: i5 ?* Y' O
calculatePosition();
5 U \1 u: Q0 } if (document.all) {' m0 Q: m; Y: P& A2 M, e+ Y9 M, b0 l
document.all("supertext").style.left = xPos + document.body.scrollLeft;
d+ L3 w# N( ?$ C) D7 F: j document.all("supertext").style.top = yPos + document.body.scrollTop;# N0 Y8 a" O% m2 K( M9 W: H, B0 @2 |
}" A/ a4 f8 k' h' r! |. c
else if (document.layers) { {( |1 G4 r* C: b1 }$ ^
document.layers["supertext"].left = xPos + pageXOffset;
: h5 x* h0 ]0 R1 T4 R+ u; d document.layers["supertext"].top = yPos + pageYOffset;: e! ?6 k' D6 g" Z' e: U6 F6 e# E& @
}
( J5 s: t( \1 K+ Y I! \- S j animatetext=setTimeout('moveBall()',20);: Y0 S3 U6 {% z: a/ f- m5 P
}( }+ C$ A) ^$ \5 t- C. D9 n u
}" l; c% |) i& ], \1 X' Q/ p) b9 y
. h8 }) P [- x. I, q. i+ ?
function calculatePosition() {
. `1 g1 }, g. t$ c5 R0 u0 C if (xDir == "right") {
0 D" v: A9 V- [' s6 S0 b& Z if (xPos > (xMax - contentWidth - BallSpeed)) {
1 ~2 A5 u3 p. f xDir = "left";
* R& s8 M" ~& ?8 Y& g; ~6 m. k7 F }
# O# F% ` \1 Q% d1 r3 w }
% o' W6 N0 v3 H2 _8 W9 a, k else if (xDir == "left") {
. U$ k9 ~% G/ e" ^( t7 x if (xPos < (0 + BallSpeed)) {3 g1 |& e* T& z* A# `: i5 x; `/ M
xDir = "right";/ j5 Q4 C* t2 Y% d$ o; {4 C& K
}5 @% l/ d6 B( ^ Q, b; y/ ?
}4 |% N' {- G5 \$ M" I
if (yDir == "down") {' r: j- e+ x' R0 P# a% m: Y
if (yPos > (yMax - contentHeight - BallSpeed)) {. w. `1 v' D9 c: s/ \( ]
yDir = "up";
" x5 L/ ]3 o" P5 X, X$ E }7 Y& I2 e+ m2 f4 `/ V8 }) L5 g
}
! K3 _+ w9 i" v* h. Z else if (yDir == "up") {
6 l' s4 k0 c; o0 \ if (yPos < (0 + BallSpeed)) {
$ u# J, ?. V2 T t yDir = "down";
) Z P/ I; `- s* W }
_% f$ @) E7 K8 d3 B7 U }& { C( @7 h) j) j
if (xDir == "right") {/ m) J! Q( ?; q/ ]; s2 u
xPos = xPos + BallSpeed;' Y: J# Z( V' I+ ^! E9 B- c
}
1 W2 l4 K" N2 z# ]( k m& z* C7 Z( m$ W7 l else if (xDir == "left") {% V' k3 T8 Q+ X, h4 F4 B) k' h
xPos = xPos - BallSpeed;
3 N- d! ]( {9 {7 K% |& | }
. x- y: Y, Y) d. g else {
3 }- i/ z9 u/ [$ d, u xPos = xPos;
& B% @5 |- L0 ~9 k, x2 C1 ~ }- H3 z: o m0 i6 G6 V( `
if (yDir == "down") {
; q( x5 n9 S) s) X. |% i3 ?" b yPos = yPos + BallSpeed;. k+ G l. d: _2 I: m% T0 w
}
0 E+ I5 `+ P/ a1 I S; `$ g else if (yDir == "up") {
( Q5 ^% L6 m9 e4 J8 A! N yPos = yPos - BallSpeed;5 ~1 G* [# s6 t0 _* ]: O
}
; Z& G% ^0 N0 `+ u else {' [% }* E5 c9 U. p0 E
yPos = yPos;
* G( `" m' i( z# s: ]) Z0 m( k }2 ]5 k5 V* t0 C- w4 W* i
}/ Z6 H% p/ E8 |4 h) z
$ l# j- b9 x- t1 d! a
function hidetext(){0 y8 Q* V' T" h
if (document.all)/ u1 B1 C+ p% F% ?, s8 n1 {8 ?% o
supertext.style.visibility="hidden"
$ I. {# \ S) f H: ~else if (document.layers)
6 K+ d* l! x Y6 j. K6 Z1 Jdocument.supertext.visibility="hide"1 N; m8 W2 \! W0 k# l
clearTimeout(animatetext)# N. }1 |& R$ W1 y0 L; J+ F
}3 {6 m& R. \/ M$ g- h5 v! e
( d7 e! r$ _1 nif (document.all||document.layers){! ?# j5 r/ o5 S @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% i3 M. _+ }% o7 f; ~5 A) v5 M/ v5 G& `window.onload = initializeBall;9 c5 B ~. r1 f7 R; Y
window.onresize = new Function("window.location.reload()");6 s- L3 I5 ~% Z
}
. A6 L% A. x) m$ {6 o3 i( r3 A# b6 o3 o* ]; R
</script> |
|