|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
, i" a9 \* I8 y4 S, a5 x# L0 p' B7 n$ j# B#supertext {
; _$ N. e3 T( d! w$ k% mposition:absolute;
; `3 u' \& l6 sleft:0;% S2 R$ d9 K0 h
top:0;
3 s/ R, b: |: S* H1 jvisibility:hide;' C& Z2 u( y7 b& |3 U- ~. E
visibility:hidden;
2 a9 ^# R5 r7 Z" U3 A: x. ?, x, X" w* y}+ g) @4 ~6 e! n2 n
</style>
' j- s, N$ n. g% q+ R<script language="JavaScript1.2">* t7 g" }4 v1 X* d' f d
<!-- 改变下的字体的大小。颜色-->3 g: N f, j5 o3 q+ D) ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ W! Y, H3 J. Y5 L
var hidetimer='';; w. p* j, ~8 p+ G& | D1 A. N
<!-- 改变下的弹跳速度--> d) |9 r- ~. j) B" h* Y
var BallSpeed = 20;9 ]! u; |. G3 z: |+ A; W
var contentWidth;
% s# K7 o7 ]1 n# S9 L2 Vvar contentHeight;
6 s4 r+ }3 M; X* Cvar maxBallSpeed = 50;
/ P& N; ^2 a- y( K* Z* ^. u2 W8 _3 Z; Z; R/ j+ `6 w
" t* `3 p3 c- _& C+ l! n& @
var xMax;' b3 Y! L) G: w j1 i# C1 m
var yMax;$ l1 \5 s7 }* D, D& X: I/ z
var xPos = 0;
5 n% g- U: ?7 ^9 y; Kvar yPos = 0;
/ y; w/ p0 f7 Uvar xDir = 'right';& C R! W& R$ C5 e) S
var yDir = 'down';+ `0 B5 D9 h/ f H; H T" M
var superballRunning = true;
, M A1 W7 x' R# ^: s3 h! |9 Hvar tempBallSpeed;
1 h5 ]8 j( Q' T2 ^var currentBallSrc;
0 Y' u- @8 c# c$ _var newXDir;
1 A* K; b- ? q- R" t2 {! [var newYDir;
. J# B+ o7 m. s- O5 q/ I1 T+ w, ?! Y! ? y, V/ ]
function initializeBall() {
6 {$ \4 }) [ s2 C& j if (document.all) {
5 L# L4 | @& @; s xMax = document.body.clientWidth; [+ X/ C7 }) t: Y( a- I% v" Q, A
yMax = document.body.clientHeight: J4 Z/ r& I, h% J: y, M; U# w& K
document.all("supertext").style.visibility = "visible";
1 E5 K3 ?# L4 d0 F7 A9 q. F contentWidth=supertext.offsetWidth
( {' @8 F/ X/ Z7 o! a# t& | contentHeight=supertext.offsetHeight$ s0 e" C3 X1 e9 B7 z8 u. A
}" }6 N9 C7 f0 i/ k
else if (document.layers) {6 U* o2 l$ M! J0 B" ]6 s# l% S
xMax = window.innerWidth;
- X& U4 N: p' C% k$ ~& d' m9 C yMax = window.innerHeight;; @3 q* j* W& s
contentWidth=document.supertext.document.width
( }) S0 ?( z# W0 u; z contentHeight=document.supertext.document.height8 z7 O" }2 _: K/ L" x. o
document.layers["supertext"].visibility = "show";
6 D" v/ _$ |! g2 ]$ G# \- T- k }
- a- S6 V9 f; T# N! @ setTimeout('moveBall()',400);) H) L& c/ g, _* f8 {: v$ ~5 F+ L
if (hidetimer!='')
# _2 B) s: B |- n9 C5 `/ C setTimeout("hidetext()",hidetimer)" r6 |$ S5 V0 N! Y
}7 z4 a7 Q% j6 _2 L/ ?; o( }
3 X' {4 @4 v( h
function moveBall() {9 o* L3 d* G! A. v9 e. R
if (superballRunning == true) {$ p, C' S( |* o+ z. B
calculatePosition();
4 Q" R- y7 s( p- q1 _ if (document.all) {
4 g& h( [+ A, v1 t document.all("supertext").style.left = xPos + document.body.scrollLeft;
; T. ^2 a" ^$ K document.all("supertext").style.top = yPos + document.body.scrollTop;
# o4 b" u6 k: u }1 H0 n$ f$ }& r) X) ^# K4 V: y: c; \
else if (document.layers) {8 q2 l/ {, y7 S, C
document.layers["supertext"].left = xPos + pageXOffset;
2 i9 q* ?- V$ T% ] document.layers["supertext"].top = yPos + pageYOffset;
4 c0 }% D& | T2 C, m; k% Q# P9 ^ }
& S& h7 ?* n( u# {& l; Z8 K animatetext=setTimeout('moveBall()',20);
. d) p M) K3 O9 U3 e- y3 C }
' y- o9 J" v, A$ F! V, ]5 \ }
2 w* a# \2 ~# h! v2 N% _4 f6 K4 C% J) j
function calculatePosition() {' M5 O4 E0 b* Q" [
if (xDir == "right") {9 c5 i% P x r% y( B
if (xPos > (xMax - contentWidth - BallSpeed)) {
9 h6 k) N2 _1 P/ K/ X; s9 K xDir = "left";
. C O) V9 X& Z8 k }; ?7 l' E! e* U' x! \# U
}
" l, s% X/ u# ?0 k( U else if (xDir == "left") {
8 [8 c* [+ ]4 g9 t" d9 N if (xPos < (0 + BallSpeed)) {0 Y: j4 p! c$ N! x0 \
xDir = "right";: q2 X/ c% @. b" U6 T
}) j1 ^" m, h3 v' z7 n3 h3 s/ g, T
}
$ W" ?/ {- Q; x# x1 k0 U3 G if (yDir == "down") {
0 k/ d8 d* c: d# f if (yPos > (yMax - contentHeight - BallSpeed)) {
/ A6 Q' V" h* G# B' x i0 H yDir = "up";+ _0 P4 x: s, R0 N
}+ A& T: H1 [" d# f+ s
}" G& J: c0 y/ g- C
else if (yDir == "up") {
+ h2 ]) R! |( h if (yPos < (0 + BallSpeed)) {
: l/ | U( t6 j$ s4 _1 d+ k% ]+ q8 ] yDir = "down";
, K' i8 y( Y: z4 l4 ]$ }, P }
$ A6 O4 B# o# p! f) R& `8 C* S( ?0 M }
: X% b: B& i+ S if (xDir == "right") {+ q& |4 o, C0 `' k4 O
xPos = xPos + BallSpeed;
$ K9 v+ N2 q* L& L }
. s0 }; [. j- Y else if (xDir == "left") {
- @4 {) ]$ L7 t& _+ o4 k8 G xPos = xPos - BallSpeed;7 G- D2 l6 L* F. ]
} g* N' n. J2 e0 d6 [$ Q# g! J
else {
! N l! S7 X# b% K xPos = xPos;
% N! r0 j \7 ] }( ]( G7 B0 |' H
if (yDir == "down") {
5 |% P; f7 N2 Z yPos = yPos + BallSpeed;2 L; {% J4 D& J h% I, ?
}0 u% f9 K* F: S: _! e$ [
else if (yDir == "up") {
) |7 D1 X9 u* ]& Y" v5 N6 h7 t) [3 v$ z yPos = yPos - BallSpeed;/ G" Z9 m, i3 R6 R j
}
' d& v# C( N0 O else {
7 Y9 Z7 V* w& n6 P* C4 o* | yPos = yPos;
; }; ]" C6 V e& O }: n4 ~& H, K& P, a4 E" R
}
; h7 R* c* C. N) Q
! K# O/ \. t. |; w e3 Ifunction hidetext(){: W) a& s( r& L# Z
if (document.all)
f @4 d. V# N) P) V5 zsupertext.style.visibility="hidden"
5 p8 I) p8 u! f% }. lelse if (document.layers)% {4 i7 t. Q. ]9 Y% g
document.supertext.visibility="hide"
& S" F' _5 f3 a2 PclearTimeout(animatetext): E! Y/ N" Q! `5 i& j/ r m
}
; J$ `# ~' f1 W
6 @$ [$ D3 K6 J7 X/ ]! n0 `8 ?if (document.all||document.layers){
% T7 V! R& Z# G+ Z: y& odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 f( q6 O$ ^! X8 F' w8 z1 ]window.onload = initializeBall;
- P/ h, t) S7 `1 s; d" pwindow.onresize = new Function("window.location.reload()");- | V/ x" H: \: {2 j3 Q+ X
} V' d _2 [) V" R
7 E; N- h2 a! I: Z. l</script> |
|
发表于 2008-1-21 20:55
|