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

|
网页之不断弹射的文字-特效
<style type="text/css">
0 L6 s* P9 e. C" G% U# \#supertext {! H# Z# x* i; N) H
position:absolute;6 G, L" ` t* s1 Y) `
left:0;
8 t3 \! L- f& I( P. ?top:0;( r" T0 n, Z y c
visibility:hide;
) s+ K& W0 ^' g# ivisibility:hidden; P1 z( b7 j0 ?, K9 Z
}5 B* B- v3 W; B8 a; B( z- g
</style>9 |4 m/ k1 f0 h8 B2 P
<script language="JavaScript1.2">
8 D( @9 \& m/ [. |5 i# ], o( Q<!-- 改变下的字体的大小。颜色-->
# | r$ u2 V6 Q) ?0 rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' S R ]/ U& i3 E# f& y
var hidetimer='';) b4 a% R# L) I9 N$ I6 z
<!-- 改变下的弹跳速度-->
+ w! Q u3 A" jvar BallSpeed = 20;, n; r; b W) b) q7 U; g3 z$ P
var contentWidth;
- o9 D! Q, @; e; S5 }var contentHeight;
( ?' u+ ^. C/ lvar maxBallSpeed = 50;6 Z7 J9 w. u k
) V( z {3 t+ B/ O/ [+ m$ t
& p7 E7 S) v, W& j0 b0 T
var xMax;) d6 H, a1 u/ n; L
var yMax;
$ [7 v( E0 e$ B4 F% M" ]" v1 P) Svar xPos = 0;7 D2 R% M1 D3 e% ^0 q! n
var yPos = 0;
. U4 v" A# \! Cvar xDir = 'right';, i: x$ \/ M2 t: |- k
var yDir = 'down';1 N j2 Z( j4 U/ w
var superballRunning = true;# I. z% J; n! k1 }# R
var tempBallSpeed;8 K8 O0 _$ t9 g l
var currentBallSrc;
+ ? V9 t6 S e( g9 ~6 Y Svar newXDir;
% l+ ^% Q' F9 z0 Mvar newYDir;
8 s9 E4 Z. _- A+ `7 S. v4 J q8 S: B) { X/ f+ z9 f0 `. _
function initializeBall() {
7 f& [% K" c5 k; E' J if (document.all) {
' `! b* Z* V3 Q4 t xMax = document.body.clientWidth
+ `$ Y) _4 q- Y0 D yMax = document.body.clientHeight1 S! P2 ]4 j( y% K
document.all("supertext").style.visibility = "visible";
" ~. @# C( U3 S* R contentWidth=supertext.offsetWidth
- d; N0 [# i4 v% ~& o# q contentHeight=supertext.offsetHeight. r' @. o8 B0 j4 j8 S+ M1 s
}+ u8 F" |# F! c2 O0 ^
else if (document.layers) {
, w$ i/ V' t0 J xMax = window.innerWidth;
: a6 ^* a$ G o! a( A4 X yMax = window.innerHeight;
' J) Q3 y6 G0 I7 q contentWidth=document.supertext.document.width6 }2 Q r' J$ q i. S" N
contentHeight=document.supertext.document.height4 Y4 d. v/ J( p- y/ L7 h
document.layers["supertext"].visibility = "show";) V4 G% V& Q# G) s
}
" C3 R+ N* m1 L% h. R( T" } setTimeout('moveBall()',400);
5 ^; @" A, Q- w0 l* B" M9 x- M- a if (hidetimer!='')* J+ R' T/ Z0 |; E+ d, H+ E4 g
setTimeout("hidetext()",hidetimer)/ U# o, E& S4 i& |
}0 e; x2 l& ~1 `5 z* b( {- R" U
+ q; W% A5 S6 G4 Y* W+ p) pfunction moveBall() {
+ R: u8 V7 C5 N1 e: H: m if (superballRunning == true) {
3 R' a6 X9 B" Q0 S" ? calculatePosition();
' n' b% }; C$ O& n if (document.all) {
5 I, y" z# O& f) H( o: X- |; a! M document.all("supertext").style.left = xPos + document.body.scrollLeft;% K+ @! R8 ~, ]8 v- M# s
document.all("supertext").style.top = yPos + document.body.scrollTop;
+ g! q$ J* ?* H2 K" V% Z }
7 k2 y( S2 i7 G8 W! u else if (document.layers) {8 p3 q. b+ n; M h) p: S% T
document.layers["supertext"].left = xPos + pageXOffset;9 t; l k. x/ A% u3 ^& A. l% d1 `+ ~
document.layers["supertext"].top = yPos + pageYOffset;, U$ }2 B' O+ b2 q, E/ @. y7 V
}9 F$ w6 ^3 O+ u# U5 Y& l& w
animatetext=setTimeout('moveBall()',20);& h1 C4 m" m. [. [7 r- b
}
' U. t: A; V" \; z) A }' Z( U2 l' |' e" }6 u/ E
4 q* r4 n# @- A9 v
function calculatePosition() {, z7 ^! x: p/ C# r8 |
if (xDir == "right") {
0 c& L* B/ T- ` if (xPos > (xMax - contentWidth - BallSpeed)) {
" O& G }0 R8 k; G$ j/ [: h xDir = "left";
J8 }% X; |2 D1 Z8 ~ }/ {; D( q+ ^. P7 e7 V- [! L, f
}8 a. k4 J" x; \% i) e! A1 T' e h
else if (xDir == "left") {
7 w! J2 q# A8 _# O if (xPos < (0 + BallSpeed)) {2 C t; j* B) \- q4 n: ~
xDir = "right";& Q5 s$ l6 L& z4 c* F* v' p4 R
}
% G8 C1 d& L$ [! r0 |& f" Q }
2 U" J& U; d3 d) P3 c( P if (yDir == "down") {3 L$ V9 o( M" E
if (yPos > (yMax - contentHeight - BallSpeed)) {8 f1 ^) b0 w( j2 F) p( O
yDir = "up";0 d" c5 z, g8 t5 q* l
}8 y; K! E. \8 d6 y7 r0 x5 f
}
3 c: H) Y- G8 @ else if (yDir == "up") {7 P2 i" c# A* b) ]8 s
if (yPos < (0 + BallSpeed)) {
) G% s m/ \/ k+ ] yDir = "down";1 L' s5 X1 C/ n7 `* I
}
, n9 c7 z( e5 F4 J/ A$ }( ] }
8 r4 b5 a2 h/ U if (xDir == "right") {
4 T7 z H) b. v3 y, H. W xPos = xPos + BallSpeed;
Q J& |8 p- ] }
2 I. Z6 T- p8 {, g$ j* [" } else if (xDir == "left") {/ r( F# n+ Q6 k
xPos = xPos - BallSpeed;
! ~' D, _6 {& N6 K6 K3 F4 E/ | }
: x& X0 Y# q) ~8 b5 q! O! }, V& m, v else {. W. x. N$ g& ?5 K
xPos = xPos;' A9 U% t. T' @; n) `1 C5 [
}
: T1 W/ U2 b1 O; t if (yDir == "down") {
) @" i4 N% ]$ {6 y0 S yPos = yPos + BallSpeed;+ X6 q# N1 \, j
}; _' u& B4 R; M2 X1 w0 p. S
else if (yDir == "up") {& O& k B4 l9 Q
yPos = yPos - BallSpeed;
$ }8 g$ r4 z% y- c; X4 Z& I% m }
2 ?% ]* d3 Z4 z2 y4 ~; u, e4 p else {
6 ?) P4 T/ d; g- `8 z yPos = yPos;
7 h3 ~2 C8 T# G r }
( ^9 p2 Q4 [& R- m* r' u1 P% T }
1 y \' Z) ^ h5 {
& d+ S" I+ Q3 s$ c; ^function hidetext(){/ \+ g6 {3 G3 k1 Q! X; Y& r
if (document.all)$ Y' U, ~/ r* s+ G
supertext.style.visibility="hidden"
' a" Z% v6 v* @% A4 `else if (document.layers)
d2 N3 y0 y# q" Gdocument.supertext.visibility="hide"
( D/ [2 t# o) K+ I6 \6 rclearTimeout(animatetext)- K# h& j, m% h. h$ h6 m9 m
}! V$ M/ ~% v* k/ |! y
$ m, g! y, ] N3 T' V# V
if (document.all||document.layers){6 `% X" ?% p* h, ~: j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 ]; s8 k1 X5 r, C/ [7 q' V5 |( pwindow.onload = initializeBall;( T& L4 x' N- [5 C4 J
window.onresize = new Function("window.location.reload()");
8 Y+ X3 [5 B; o" Q0 U$ ^7 ~5 z}
& v3 h" i0 E# N7 ^3 Z2 P* B$ j& ~: J
</script> |
|