|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">5 Z ]5 j+ |+ n0 ^+ C
#supertext {3 r+ |$ B* i7 U0 | t0 ? Z" ^& d
position:absolute;+ |/ u5 U+ Q0 C% h
left:0;
P6 i9 U/ p2 K6 v$ R- l8 b8 vtop:0;
( o9 W" t" C; n/ ^% E+ Jvisibility:hide;! |1 E2 m' o* Z a0 @# E0 a& t# H
visibility:hidden;8 P+ w7 J! S* H* f
}& S& |8 J& `' n. F" ?5 Z5 z4 X
</style>
" b5 F$ [, H$ r9 j( m- l' d) Q<script language="JavaScript1.2">2 i6 ?5 q/ k; d- C' r5 O; u
<!-- 改变下的字体的大小。颜色-->+ d8 S ^7 G: m% N( D! y! D1 ]" Q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 o, _. |- N/ Y+ h! K0 D* |var hidetimer='';" }! d- w4 j: t1 J' O* }
<!-- 改变下的弹跳速度-->$ a! o! U9 ~; e* }
var BallSpeed = 20;
( Z* f6 R& i; R1 |5 pvar contentWidth;" g* V" M* u; b1 [" ~
var contentHeight;' u" b& c9 i3 z- {4 K4 Q
var maxBallSpeed = 50;/ Y/ a0 E( M; w( i7 B$ l. {. N6 a
* |: }( m" `3 _% K9 k$ a8 c& G- t! r% X* b/ s! O7 V
var xMax;
# x# v$ z( A7 j6 svar yMax;6 ^* Z. a' A3 I# c. k) ~
var xPos = 0;7 T2 w3 ^3 R6 V2 M7 K; W; h
var yPos = 0;& o. B& [% V; h. O2 a3 U
var xDir = 'right';0 t7 L3 {, Z3 K: n
var yDir = 'down';1 T" ]/ R9 i3 I. k! t$ Q
var superballRunning = true;
: ~: u- s; s, F: yvar tempBallSpeed;) b0 p; A+ S( b* n. z% \
var currentBallSrc;5 ?, J# m* w; n4 ^0 P8 h
var newXDir;$ u. ] Y- {4 k1 ~& ]) E: ]( @$ i
var newYDir;
8 N* Y( R' k, S' A! S0 u' x( O6 g: X$ C- l
function initializeBall() {
. T6 z* J8 f/ M/ c% j4 U9 A3 z if (document.all) { c8 E! o& U) }* |( M; t0 [1 a
xMax = document.body.clientWidth$ |- J! n I7 b2 k% f
yMax = document.body.clientHeight/ Z& d+ L5 B' r) u t9 f& J2 n' q
document.all("supertext").style.visibility = "visible";, }4 W5 c, v b
contentWidth=supertext.offsetWidth& d$ w* T* c5 i, G9 a; ?
contentHeight=supertext.offsetHeight
% O; E8 N3 r6 q, J% m }
, ]3 @6 v% J5 Q- p else if (document.layers) {
- s+ i$ ] k( B! N xMax = window.innerWidth; ]" R: d/ j* H" [# p6 ~5 }9 ?
yMax = window.innerHeight;
1 k4 J* s8 I6 K( n' |) q contentWidth=document.supertext.document.width9 m# U3 K4 N- m& [5 b* K
contentHeight=document.supertext.document.height
2 U _: }& G$ v5 m document.layers["supertext"].visibility = "show";3 P% \! c& h1 G% W2 m6 E6 \
}
4 ^3 a3 ~6 Y4 [% q setTimeout('moveBall()',400);* j8 S7 ~7 k: n5 J
if (hidetimer!='')
7 G. s7 T0 v8 H$ | setTimeout("hidetext()",hidetimer)# b q* M# R: @4 f1 \
}8 t9 G/ A- K3 u! U
! d9 R6 _. v; f# o/ {6 k% u" ]- Pfunction moveBall() {
! s. T' Q9 @1 U' S if (superballRunning == true) { ^% \; x! x! S9 l' v8 N
calculatePosition();: _1 E+ Y* }0 J3 Z( G; q9 I
if (document.all) {
, e# U1 f: m+ N* C; y document.all("supertext").style.left = xPos + document.body.scrollLeft;) {- k8 u: H$ Q+ i& [, e
document.all("supertext").style.top = yPos + document.body.scrollTop;
& y# t" j$ U+ C: d: T$ c }+ N; G2 J: B B' y! Z# Z \
else if (document.layers) {
8 r5 r' Z) v Q document.layers["supertext"].left = xPos + pageXOffset;8 f. m% s5 `* j" e5 s8 m
document.layers["supertext"].top = yPos + pageYOffset;' O+ n. c; |/ N: d: X
}
: t0 G6 S+ t9 Z& b& I( k animatetext=setTimeout('moveBall()',20);1 Z; a3 |% W1 R( ?' R
}5 ^1 { [1 t6 C& u7 w1 i6 Q8 ~! s5 J7 j
}
( |- A7 ?1 f: J9 S. r; o5 A
" p$ M$ |% \. w/ l& G' D( zfunction calculatePosition() {
" I5 X, e' z. E- }: d' e" a if (xDir == "right") {) \! I. Y% S, [/ B7 ?7 ]# P1 _
if (xPos > (xMax - contentWidth - BallSpeed)) {& H( h* |+ X v# H
xDir = "left";
1 w8 C+ X1 u6 B/ G* m }
5 K4 X; B3 |- y m0 r; \- o2 U }
! {! ] J4 @) W+ C else if (xDir == "left") {. g: E7 O* G( h! j1 U ?% ?0 k1 K1 t
if (xPos < (0 + BallSpeed)) {
* @6 T$ v# q2 b: | T# h" \( L xDir = "right";
; n: L1 |: f* e$ E; z9 I6 Q+ z) E }3 c) I( a# g, |7 ^* `
}# w; q& L) x, a3 g, e/ E# t6 s
if (yDir == "down") {
1 _0 J% M, M% z+ o$ U" R+ d0 E9 G if (yPos > (yMax - contentHeight - BallSpeed)) {" k0 m; T% A7 Z2 ]/ Q6 [( P( _
yDir = "up";
* Q. ^9 S$ d2 H9 z+ |0 i& s% D }5 A# k+ l: p: ~5 v
}
6 V& r2 q, r) O7 V else if (yDir == "up") {
9 y4 q% ], W1 a+ M; B if (yPos < (0 + BallSpeed)) {. m# T; K' M2 w1 I. f
yDir = "down";3 ~4 ^- F/ q# C! X( g; I; ^2 W" B
}, ]. j% _6 _( V/ c5 ~! O
}
$ c6 c# l2 {" f2 d if (xDir == "right") {$ y: p% I: o/ @4 l [! z& C- q3 X
xPos = xPos + BallSpeed;
5 s; q, {6 l! U. g& [ }- r0 B \7 f9 c
else if (xDir == "left") {
- S# y( U% f8 g, g xPos = xPos - BallSpeed;
9 z* o1 L, L9 h$ u. w8 F* J }
% M$ m! f+ y% P" z t7 T else {8 s9 N! k; l8 |+ Q2 r$ s
xPos = xPos;7 j( R0 w# a( @- p! }
}
( C7 S$ h* B _- \ if (yDir == "down") {
) n2 c+ ^# W! R# J. D6 E7 N0 i yPos = yPos + BallSpeed;
5 J: H" i1 c. m* T k }
! {( }! d- V- }1 k7 |. ]4 O else if (yDir == "up") {
9 _9 i' ?7 ~ y/ T# Y3 { yPos = yPos - BallSpeed;
+ W; [# }( ~; k } }
* l! Q4 m& K2 t7 d else {; D/ c* r2 h4 [3 c U# [
yPos = yPos;
! L' B2 h) w9 D8 |' `6 H( o _% \4 O }
- K' M: n! E6 ]3 z' b T, Q }7 V. O" Q, p8 @: K- D
/ l' n3 n2 a6 L( ^% [function hidetext(){/ n9 _3 ^* V! z9 q, k; R- q- E
if (document.all)/ q7 k3 w: Q, x+ u) ]5 d
supertext.style.visibility="hidden": X9 j; L! `1 E+ B
else if (document.layers)! D' F. n# _1 t: r# p) w
document.supertext.visibility="hide"
' q! l7 U; W3 ]( N& [: n3 aclearTimeout(animatetext)
& y" M( B2 E8 t# Y) E+ n% E}6 Q4 r! _( f/ n' M! Y, ]1 A2 Q
; \. Q( V% C) O( g* C" F3 Q; q
if (document.all||document.layers){8 ]. J4 A+ d+ `- A. ?3 G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" Z! K6 t. k& x/ K, [ H; ~window.onload = initializeBall;% o$ M! \) @) T" k) z7 r
window.onresize = new Function("window.location.reload()");
8 w; v1 s4 z' k6 q) Y D. g}
; o8 v3 o, r# Y
2 A+ L" c& F( r0 k: y" e</script> |
|
发表于 2008-1-21 20:55
|