|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">; k1 i# K5 N% ]& _
#supertext {
( m: A0 ?8 c0 n- Q7 z2 H, Vposition:absolute;
" S! U; [; M' L: l( P! U/ Oleft:0;" \+ F7 o' ] d6 w" z3 K2 x
top:0;5 d+ |# r; e0 S, Z6 g! z4 C# W
visibility:hide; o2 n8 l1 j' m$ H6 @$ u6 W
visibility:hidden;
) d) X0 B7 r. z/ M; h, y6 n}
f N# x( E9 q0 @0 I3 a</style>
~# ~, n. G% P& j, J<script language="JavaScript1.2">
8 X( X" H s: d0 x. }/ f<!-- 改变下的字体的大小。颜色-->
% t) G: _" q; U5 Uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* o# n' ~. W0 o# X( V) I zvar hidetimer='';
: G, @, Z" f8 R% T+ c- b<!-- 改变下的弹跳速度-->9 R3 n: t5 C2 x6 U
var BallSpeed = 20;
0 d* q5 `1 a- W0 b4 [var contentWidth;7 e- |8 Y, |3 A; C
var contentHeight;* f0 \" Q% c. Q& @3 t- z
var maxBallSpeed = 50;! n" p, n" b' F
; g; C: P2 V3 y& o1 d! w/ B- D) C* ^% X7 t' j# U/ ]# \; x
var xMax;
5 o1 b9 o, n! q3 X7 e! Jvar yMax;
. v3 j) t! F/ x6 e3 K3 ^var xPos = 0;) | @; p9 `" f: X1 o9 ^" q
var yPos = 0;
/ `& ]2 z2 Z% I2 o7 ~. wvar xDir = 'right'; s2 L- [ {$ U& I2 A% `
var yDir = 'down';
6 x4 `! X, h1 @0 p! mvar superballRunning = true;
8 o& J9 i7 ~ `8 G& zvar tempBallSpeed;7 Y6 C# b$ F2 t- o9 ]
var currentBallSrc;
; x, h6 D7 d4 x; Bvar newXDir;- b2 J$ p0 P) `1 j7 k* S9 F
var newYDir;) e9 s; T1 Q! O3 Y* X
* S2 O2 ^" Y7 B" Z, d' x. F( _function initializeBall() {
# |" k) e3 X7 _, T4 \# |2 k2 M if (document.all) {9 Z. g) T( ?5 k# \" n9 I
xMax = document.body.clientWidth
5 {; H Y+ v' J( S0 G; r x yMax = document.body.clientHeight# K5 m6 C. M2 S8 ^* X
document.all("supertext").style.visibility = "visible";
0 v0 Q$ ^1 r! S E/ L contentWidth=supertext.offsetWidth. y( [2 Q" ?6 C0 I" P- p. O
contentHeight=supertext.offsetHeight
- x& {6 Q* X+ r }
+ n) n8 s* ~0 }* H" x" l else if (document.layers) {
& h0 n J1 F, X; Y" O3 t" u. t xMax = window.innerWidth;2 d, V: `6 Z9 q- W! V8 e; S
yMax = window.innerHeight;
" r4 u* x( }4 @2 Y contentWidth=document.supertext.document.width1 d3 R7 A0 `2 B& k( f' V
contentHeight=document.supertext.document.height) R8 G$ a0 Y# P- o) }3 ^
document.layers["supertext"].visibility = "show";) P; k' I) f1 l; x
}
M- z; ~3 Y/ c; Y: I" O: a$ J setTimeout('moveBall()',400);, a5 l1 Z: {) i. e
if (hidetimer!='')( T1 ~2 ]% [/ x+ z
setTimeout("hidetext()",hidetimer). F! ?$ A" Z4 F: X+ Q9 l, q
}
* B* j( ]3 H2 d& y; y" s
% I- O; D" t: X0 Z4 _/ [function moveBall() {
8 Z- o7 n' @+ L+ I$ w: F1 j4 w& X if (superballRunning == true) {8 [( o$ G, h. m- D% E0 V
calculatePosition();9 y- v1 m- C7 I4 g
if (document.all) {
0 P, h0 ^4 T& q document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ \+ U D5 ~* a( T4 j2 L document.all("supertext").style.top = yPos + document.body.scrollTop;9 N6 Z( w3 ]! P4 h+ S* g
}4 S0 R$ p# u$ G, U- u0 I- i
else if (document.layers) {( i8 s4 x3 X7 J' }# q/ p
document.layers["supertext"].left = xPos + pageXOffset;/ n& n: S; Y e
document.layers["supertext"].top = yPos + pageYOffset;
# G/ @/ O0 o$ f" J/ m6 } }
. f" V4 X1 g8 j* d7 `1 H: O animatetext=setTimeout('moveBall()',20);5 v- v$ V1 d+ J
}
& U/ [0 e9 e, d5 [& e. y }' x5 e/ n# i( D% x: u* C
- x1 ~; j- b% v4 P
function calculatePosition() {3 y) u% P, E+ g- Z8 Y
if (xDir == "right") {3 M+ R$ d2 x1 r1 [4 |
if (xPos > (xMax - contentWidth - BallSpeed)) {- v4 \0 ^/ h2 Q4 _' t; l/ o
xDir = "left";
, D3 D* ^" e }7 Z( I4 c }! R( X# D B& Z. E9 @) }. h3 ]
}9 j2 ?( ], c% T8 O" O" u
else if (xDir == "left") {
4 W$ N; }( R$ d( u8 a- V% R$ g if (xPos < (0 + BallSpeed)) {
, P! ]; a8 I, v' t. _ xDir = "right";
& {3 S/ y$ y, Q l: B: g3 X }
9 {; a0 C% H. i3 {% m1 N }1 d! C' n: Q6 k9 g, p
if (yDir == "down") {/ D% d/ i# c+ g% D! P: l5 Y$ T* p
if (yPos > (yMax - contentHeight - BallSpeed)) {0 k" Z* v: S7 p' n3 ?& G
yDir = "up";# `8 B0 M. r. `) ?) J
}; R% f0 p9 u. c; w
}% k6 |+ C9 ?( O6 z+ U
else if (yDir == "up") {, v1 O0 N! i2 u: R' X
if (yPos < (0 + BallSpeed)) {
9 ^* c+ C/ z; g$ K/ n) t6 R, y3 M yDir = "down";$ N0 S. N, \- t: o% O5 T; v+ F! Q' |' W* |
} {6 i( s- a, \# Y+ y( Z' F
}4 {3 i% c# }1 T4 X
if (xDir == "right") {
5 v$ _8 ~* n% L6 W5 g. ] xPos = xPos + BallSpeed;; i) g0 m. L' }0 v, Q! I0 J v* I
}) r) Z" [/ t I) n# c
else if (xDir == "left") {. ], M8 V6 {3 i. {8 u! l
xPos = xPos - BallSpeed;8 T V, u: A2 ]' r* J
}* M5 D N4 s. q( ?" t5 i# b
else {* _. e) D$ W) E% B9 m
xPos = xPos;
, v Q1 g6 I7 a% y- e+ C }* X' E( A p, ?* k. c7 E2 L
if (yDir == "down") {
. @9 u/ s5 ~. d( k yPos = yPos + BallSpeed;
6 T" x* U+ R- M }
: F9 |. ]- J: F7 p. [ else if (yDir == "up") {5 M% u5 Q- W/ \ c- v, V; |
yPos = yPos - BallSpeed;, a5 u% s5 P5 K' T5 N
}- J& T3 l. {$ L0 ?
else {$ X# `% Z' k' v! K# R+ b0 H* [4 c0 E
yPos = yPos;) t# N( o( x1 b1 y& j, I7 X, R9 d$ T/ Q
}# N: x; f3 d7 Z( ?; c
}
9 ~0 g. D% T4 b `! f
: P. R& D$ `& C2 Z% ]! Z. D. kfunction hidetext(){9 U& |2 I$ m( G, J
if (document.all)% {2 `% _4 j) V" o- R
supertext.style.visibility="hidden"
# d2 Y9 X \; S4 ?6 @+ U1 c! Celse if (document.layers)
: @( A) R |$ h" j# C; \document.supertext.visibility="hide"+ L- ? g7 w+ G$ C6 L
clearTimeout(animatetext)
9 Z& y/ L( L f# V}
- }8 S& |( f" T. U; W+ F
$ e/ ~ N! u5 [. oif (document.all||document.layers){
$ X* V$ O" a8 c$ s+ p/ \7 ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ v" X5 S/ @* ?# d8 }- u1 ]6 F% twindow.onload = initializeBall;
8 U8 P. d. z& q- Mwindow.onresize = new Function("window.location.reload()");
2 d4 g9 s/ o0 \+ t! C4 B}
& i0 Z/ }7 O" m: n4 N
4 Z2 @# `9 |! j+ y" t% Z</script> |
|
发表于 2008-1-21 20:55
|