|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">/ g* F) V. ^8 V0 h7 r( U& l
#supertext {
' [7 e9 [# h4 K) m6 R3 gposition:absolute;
+ v* q. e7 e* Bleft:0;( a! t. D @$ Z, {4 k a/ k, {4 A
top:0;
) L& V0 E2 M3 T% Lvisibility:hide;
9 z4 ^1 ~) q1 \% \8 F$ tvisibility:hidden;6 R% _: T2 v' w% s: z
}
$ r$ P' i$ N; C* b" D% A- X</style>
! l) {. O( l2 v6 i6 a<script language="JavaScript1.2">
* K4 p* A4 h. j( u9 F, ^: U/ C<!-- 改变下的字体的大小。颜色-->* X0 R: D7 Q6 N! X/ U
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 n! q2 k1 f3 {; H( U u5 Z
var hidetimer='';
6 s" w z3 A: W1 ^. @2 B<!-- 改变下的弹跳速度--># P6 T) p4 M7 b- C2 g1 N: |8 c$ B T/ V
var BallSpeed = 20;9 h- Z* d7 E) R2 l8 f. U$ S
var contentWidth;
+ C2 M2 F( @1 V6 \var contentHeight;
% D; b+ p' S; u' l3 C1 V2 U* S" Wvar maxBallSpeed = 50;
( f- }. ~! w! ]$ V8 f3 l8 X7 Z- N) x( E
# ~ @0 `' O+ `5 B2 N: M
var xMax;5 n l! `5 G ^/ X5 r+ g$ T$ f+ A
var yMax;
7 j, h$ d0 ~4 X3 C0 j9 Gvar xPos = 0;0 p% k2 n' d" q$ e$ c B
var yPos = 0;
$ i6 W% |& v" e( W3 r! ?var xDir = 'right';* l. z: v' i3 T' S9 I) {
var yDir = 'down';
4 ?6 I* e; L5 x# I' ovar superballRunning = true;% s+ ]9 ?6 Q+ d+ K
var tempBallSpeed;
8 f) a. w: w$ r" E" Q2 \var currentBallSrc;
" w, ^' A& r% K E$ Zvar newXDir;
0 Y# \& o+ A1 Y$ l0 r* A# `var newYDir;' C1 x4 ^: P6 p
8 P, \. E! l; s, u; tfunction initializeBall() {
( f7 q# V3 P; C5 {: A- @; u6 T if (document.all) {7 Z6 C8 o9 g7 g' W4 A
xMax = document.body.clientWidth
% [! u' W7 x6 Q* W% N6 V- { yMax = document.body.clientHeight
( @3 W' i0 k' A, q0 | document.all("supertext").style.visibility = "visible";
8 L; J: C# f+ g contentWidth=supertext.offsetWidth
7 Q& Z3 r! ^2 y0 J( q) `+ R9 R contentHeight=supertext.offsetHeight
7 K5 w, y6 K. l0 a, f8 U9 h }
" C' o! l% f. m else if (document.layers) {1 ?6 \9 b$ m, v; J% @! G6 p
xMax = window.innerWidth;, L ]9 C& Y* ~1 r4 g$ ^+ `9 T4 u9 v3 ]
yMax = window.innerHeight;
* _8 k" Z0 | [ contentWidth=document.supertext.document.width
1 G" {: S7 x2 h: b contentHeight=document.supertext.document.height: w* j9 J7 {0 {! M8 V
document.layers["supertext"].visibility = "show";& `9 c0 G2 q0 w
}
* ]8 [9 r$ w+ R; h3 f: l setTimeout('moveBall()',400);
7 L$ M% q- c* E. x7 o6 u. M if (hidetimer!='')9 R1 `+ J$ { x8 B- R* X
setTimeout("hidetext()",hidetimer) x, \# X6 G! s
}& K, t2 O3 S- V8 C0 ?# M/ W" c2 s
: G0 `" o9 R1 t; c4 p
function moveBall() {8 ]% q( ] M3 ?7 I5 i6 _, \
if (superballRunning == true) {% D, b6 m1 {4 e4 J0 U
calculatePosition();6 z. F d2 F7 [" d9 n! q
if (document.all) {) B" f% w/ I& t, }
document.all("supertext").style.left = xPos + document.body.scrollLeft; F: W1 a% z$ @
document.all("supertext").style.top = yPos + document.body.scrollTop;
! p+ W9 z2 Z9 A$ c- M }
* P* Q; ^: `( B+ \7 t& j else if (document.layers) {( o$ `, c* l4 y C1 ^
document.layers["supertext"].left = xPos + pageXOffset;
$ D- h$ z/ {: J( [: w document.layers["supertext"].top = yPos + pageYOffset;- |/ Z# l' X6 Q J/ Y i: G
}
; S; D/ G1 ^; E9 w animatetext=setTimeout('moveBall()',20);
$ d; u& W1 ~" k6 W }9 R' Z) M0 j. L! Z& Y
}
. h! q0 f. Q0 w; G G5 x B7 d# M9 e2 T
function calculatePosition() {8 \+ r7 |1 C/ M/ ^
if (xDir == "right") {" n; n. p8 N! Y M6 W3 J
if (xPos > (xMax - contentWidth - BallSpeed)) {
% t; f. a+ N: z. o7 O3 r xDir = "left";' w6 N; E2 h+ L* Z1 V2 I, J0 j2 W& M; f% W
}
7 ^8 B# J: @ C7 ^0 n6 R }
5 J( z0 c; ~( n else if (xDir == "left") {: w1 _# M+ l. q. n6 g# ]
if (xPos < (0 + BallSpeed)) {" n3 v8 G; ^, y% N! B3 V# L- V
xDir = "right";
% y+ N/ m, G- L& w7 U" j0 B }" d' R- F, ^, L, G
}
# n, A/ E2 t/ W' J if (yDir == "down") {6 |; c- F6 _6 O5 M8 [ G
if (yPos > (yMax - contentHeight - BallSpeed)) {
2 \0 O$ P* N: N& G( \# \$ {% K2 c! k yDir = "up";7 {* R! s. w4 u9 B* S: C# E7 ^# l
}# {, U# j; y% ~' Y9 ~ ^5 I
}0 }) j: o9 q1 H. |) e6 P1 y. ^ f
else if (yDir == "up") {
' i/ |: D0 [' A0 J+ ` w if (yPos < (0 + BallSpeed)) {
6 Y E2 X8 U* |: m8 d8 v yDir = "down";
( u& v! Y6 f6 z$ V7 Z7 g, Y }
; W+ y2 V% d5 Z M) O0 \ }, h/ H% j' c9 \3 R3 l' p: C
if (xDir == "right") {! |. q- p v j# ~$ u; a
xPos = xPos + BallSpeed;3 q. x8 L# ?; W k1 x; C
}
% l9 M$ D; W+ f, _ else if (xDir == "left") {$ o9 v) f8 o/ |( b7 t9 `0 Y4 E0 h |. [
xPos = xPos - BallSpeed;3 }4 q; i A) B' B q- L1 D3 Q
}. F* I/ m5 H# G! D/ ^
else {
+ @5 _6 b' G- k& T xPos = xPos;3 V* c. X' z6 O& |
}
) }. T- u, g( \. X if (yDir == "down") {. }! Z" B9 @3 d8 m: K3 o7 Q
yPos = yPos + BallSpeed;1 P- j/ q0 Z+ i4 a# k, M7 c
}
2 f& p+ Y5 ` b' R else if (yDir == "up") {7 X1 E7 Y& f2 l: [4 G
yPos = yPos - BallSpeed;* I* z4 Y% o, \
}
& @' a: u m3 N3 h" S" `: z6 E else {
2 V ^* y: M6 u( z1 s yPos = yPos;! ?' C; h0 E; P2 `4 P
}6 `8 J' N2 F7 u6 l
}( u1 C/ |* m4 ~! I, P
) {, E9 w/ w, n
function hidetext(){
; V& z6 Y) K) b/ ^7 Qif (document.all)6 N2 K$ _: N- J2 q# A) k; V
supertext.style.visibility="hidden"9 P( f% e/ A, V% }
else if (document.layers); j3 I6 b8 V5 t6 {+ a# E: Y( h
document.supertext.visibility="hide") N! c, S+ N' }3 N
clearTimeout(animatetext)0 H) E6 V8 m; N3 }" x" |0 ]
}+ Z; K- ]( ?) B" q! ]1 x
5 Z- A7 b6 B/ u, c
if (document.all||document.layers){
) w7 o' p: S& p5 t: I& p; q* qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 Q+ }% x `2 H# q& _! D, Pwindow.onload = initializeBall;
/ }3 s- l+ t5 j# n7 T( M! ?# ]6 h! xwindow.onresize = new Function("window.location.reload()");% t, J8 J+ [3 ^+ i1 w% ?
}+ n0 m8 W- I0 \+ {
3 o/ l" j1 a+ K/ E" L2 a7 w5 g) l</script> |
|
发表于 2008-1-21 20:55
|