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

|
网页之不断弹射的文字-特效
<style type="text/css">
* v0 v0 T8 H0 j2 _9 k' m( h#supertext {
2 c& ~9 X5 i6 g Gposition:absolute;- ~9 t) `2 E, z+ N+ S" }
left:0;2 m, |& }, j1 Z) T& |. X8 g# o+ |
top:0;
3 x. n" H1 l6 i& _8 uvisibility:hide;% z" {- _6 ?. E5 u o$ h( ^
visibility:hidden;2 U* L1 O% L }8 O% R! K& r
}% g) n# c {2 x! @2 b
</style>3 I5 |, B$ b3 i; o7 u5 v Y
<script language="JavaScript1.2">
U, i+ v/ V/ `$ D7 u6 T<!-- 改变下的字体的大小。颜色-->
& s8 L5 O; {# F, l" z! Fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' F7 e6 i8 m5 D6 j3 W/ Zvar hidetimer='';
k0 G7 B! k( }* [# [7 ^+ L<!-- 改变下的弹跳速度-->; |# z- _$ h$ t
var BallSpeed = 20;7 n/ Z; |# p5 q1 X
var contentWidth;
7 ?2 I, E- V7 Q7 r Gvar contentHeight;
/ r. V: ~3 u$ e: e. M0 vvar maxBallSpeed = 50;9 W: m0 p: J; K* K9 l/ S9 d
4 _+ N m: w6 R% c
8 f3 @' ]3 O( C5 t' ]: D
var xMax;( W) H) I: ]& L" L0 o
var yMax;
) O9 D, h) L- ~" L0 x |var xPos = 0;
6 S% `2 O3 A* ^6 ]8 o, ~7 Hvar yPos = 0;
* C- J; H& l9 j4 U0 t& Kvar xDir = 'right';
X" ^4 l5 k# qvar yDir = 'down';
" j6 d" O% G: Vvar superballRunning = true;( z. Q2 f' b [' V# V9 G
var tempBallSpeed;
7 N6 G" Z0 `: j7 E* @var currentBallSrc;" S7 O; I5 m; ^2 H' [) S8 G- F
var newXDir;/ r) w/ f3 J* C
var newYDir;
2 ^9 h6 O5 w# r8 _
8 W2 W9 I z; R# E- gfunction initializeBall() {9 p5 N# a' I7 b% s4 W
if (document.all) {% [7 s/ l$ t, C
xMax = document.body.clientWidth
( @0 z5 S1 ?% Z yMax = document.body.clientHeight
+ J+ k# w7 W, I7 `1 u document.all("supertext").style.visibility = "visible";5 ^9 y' T. |3 P: H0 H/ N+ w: h4 {
contentWidth=supertext.offsetWidth* I( V2 G- I9 g) e: Y/ _. a( c5 @7 \
contentHeight=supertext.offsetHeight4 x2 X4 q. T5 f+ r) g
}6 F) K1 u/ f( h6 f O
else if (document.layers) {; M Y* g% u. N2 o% m8 @
xMax = window.innerWidth;7 Y; j0 l! [8 A% A j* F
yMax = window.innerHeight;- ~7 r( l" V8 p, B. p0 u
contentWidth=document.supertext.document.width
6 T" C' @5 r$ }; ] contentHeight=document.supertext.document.height' g+ R p }3 V8 w9 W
document.layers["supertext"].visibility = "show";) @& }0 _- G4 a/ P
}
X# D0 `. J, V3 B( J( i setTimeout('moveBall()',400);5 O2 y; q3 S$ [
if (hidetimer!='')
. ^, X( X( o9 m+ \' Z setTimeout("hidetext()",hidetimer)
! t$ v. k8 y$ X }
5 X8 C) W+ h& [8 h! ?: B) r7 U% I4 h( {- G% u7 C2 w; N
function moveBall() {8 Y+ |( S+ B- U. u
if (superballRunning == true) {5 d4 F8 v) i- k/ J( t
calculatePosition();) r6 J/ d Q# j1 V$ n
if (document.all) {
) I* t3 F5 r. r2 Y9 ]! E4 N document.all("supertext").style.left = xPos + document.body.scrollLeft;
u( g; [6 y- Z E5 o8 ~ document.all("supertext").style.top = yPos + document.body.scrollTop;) J0 b$ D p3 {: G" i
}
0 _/ c2 h4 }7 M [- k else if (document.layers) {$ Q- C4 r3 Y7 U! D( \, w
document.layers["supertext"].left = xPos + pageXOffset;
2 {, e) y9 p; h# ^; U2 J4 ~7 u document.layers["supertext"].top = yPos + pageYOffset;+ G" h" U& ~; U. O' L
}& ^3 D6 X# `! J3 M1 m) o4 T
animatetext=setTimeout('moveBall()',20);
2 ~' F3 }8 O' l* u( [ }5 l j) E! A, Q) o5 g# Y2 g
}; X( Z2 A" v! n8 `# d/ h& O
, g: Z' N8 B, F/ @% Lfunction calculatePosition() {
# F( E$ H8 d6 h2 a if (xDir == "right") {
- J( T* k4 R5 X; C if (xPos > (xMax - contentWidth - BallSpeed)) {3 H& ~4 E$ `6 J) N6 _
xDir = "left";
( I7 T' I" b. }$ ~1 Y0 [& e }
+ Z( F4 B, Y1 z, ~/ ?. A6 [& b: y }
7 F( E& ^9 a! T4 P ~( c# W else if (xDir == "left") {
: E$ F& W" l* G# C- y0 P4 y if (xPos < (0 + BallSpeed)) {+ Z, d, {0 l& Z- N* ]. A
xDir = "right";" J; P. o6 G2 H8 q4 w7 d
}$ I7 r, k7 Y& D2 p' Y. [
}2 F: B% @1 D4 [! |, O# E
if (yDir == "down") {
7 I# D* F. g+ |7 ^- d, S if (yPos > (yMax - contentHeight - BallSpeed)) {
. D/ t% }! L1 h6 _: N1 ? yDir = "up";; p! T* s4 o. Q- j6 K0 k3 H/ ]5 v
}( g) u4 ]2 A4 f% P) N
}
: m5 p3 u1 p8 Q) N. Z, o else if (yDir == "up") {: L5 E' m. N) |( l
if (yPos < (0 + BallSpeed)) {
. L U' x/ X T- `) j yDir = "down";! a5 D6 p& B2 D7 a' R# ~9 e
}1 |4 |( H! @" M+ S* Z: ?
}8 D$ x' l" j/ w( e$ O
if (xDir == "right") {
1 r/ Q# W2 p( t! Q% a8 ~ xPos = xPos + BallSpeed;
8 Y/ M0 I: l- l: h7 ^2 M' Q6 j }- I+ G) H+ C+ v2 G- ~5 M6 c
else if (xDir == "left") {* p; Y% `+ Z; P L* p4 n
xPos = xPos - BallSpeed;8 [7 Z: \$ @) r5 X& P6 Z7 U
}7 r# X6 ]6 J* L" Q+ _! E: p
else {) {1 [7 O. K) m+ }- n, M7 W) z0 k
xPos = xPos;+ [" O: ?' v( t
}
2 s9 j- c; s5 I if (yDir == "down") {% }4 V, U. g0 \( @
yPos = yPos + BallSpeed;/ Q' P" W0 a/ o: _ ~6 S6 C( ^
}! J1 j0 _. G; m! b6 ~0 ]
else if (yDir == "up") {
8 E! V( _# d8 g( }; i yPos = yPos - BallSpeed;
! u, H& M! f) @3 Z1 r" I }' e- |" ~/ N- A( M5 q( ]
else {# F6 L+ B7 B# x& X, q
yPos = yPos;" k# Q- N' l4 [1 @$ \
}2 M- W2 x* S/ [5 O
}
1 A$ H _: A' x* `
0 J, T+ ]3 {4 Zfunction hidetext(){
! }1 B/ Z4 G/ R( |4 ^if (document.all)# d% N( L. ?2 P- }. I S
supertext.style.visibility="hidden"
8 D6 c2 j% A- H+ Zelse if (document.layers)' @8 C" p; m/ V& k+ F
document.supertext.visibility="hide"& ?4 E5 I" a8 y
clearTimeout(animatetext)
; B$ g: P6 `4 C5 R: n9 O}) J9 O; y6 n, f$ T; I
1 d1 ]2 ]# ^/ c+ O; V& _
if (document.all||document.layers){# v$ y; ?* }+ |6 n* `# L; ?2 @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 f3 T# U9 Y+ ~) r/ \$ Z9 X: E8 Y
window.onload = initializeBall;
* W) _5 @ C; _window.onresize = new Function("window.location.reload()");
: I5 d4 P* y+ h* c1 O}0 @" C. [% r/ c. g5 J$ X
$ \$ z0 \! Y# H' T8 x# |. [1 q
</script> |
|