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

|
网页之不断弹射的文字-特效
<style type="text/css">5 ~* K+ C/ N0 i6 h9 N
#supertext {
7 V2 Q. W; M3 o: Cposition:absolute;
: m u6 w3 k6 Cleft:0;
7 C. ]% d0 }, D2 K6 `+ P; ~top:0;: {% c6 O; D9 F7 S
visibility:hide;/ W& g( D6 H& V/ o) Z' _, \! ]
visibility:hidden;
5 J. P9 O2 P6 W$ u) }- K/ x1 D}3 Z2 T$ p* K, `, k! @ x5 \8 \8 Z
</style>
# I( y) z, q- s<script language="JavaScript1.2">
9 Y4 `7 l' v& u4 E- [& {<!-- 改变下的字体的大小。颜色-->
. I# l/ ~8 _) M3 A' Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 L) g7 ?, u* U l4 w+ Z
var hidetimer='';, v0 s& x0 W0 M) _7 s/ ~! H
<!-- 改变下的弹跳速度-->
5 T; N; M6 ?& z0 |1 tvar BallSpeed = 20;& B0 s% H: Y0 `. ~
var contentWidth;6 }* ]* H( k& i* O' H) u: L' H" K
var contentHeight;" s* L2 N) ]2 R
var maxBallSpeed = 50;
1 ]; q9 l+ s& \3 [9 w4 |5 B( j, Y' b5 V3 s+ E
7 t2 V4 h5 u' {1 R
var xMax;$ @9 Q# W. I1 X& ? Y2 ~% W
var yMax;
6 Q3 |. c5 {) c1 |3 ~; @4 yvar xPos = 0;
3 A4 d, @+ O0 c: {, U' ?5 d; Tvar yPos = 0;7 l3 M8 v" H- s& }# F
var xDir = 'right';/ c2 h9 Q8 F: h6 M9 t o* w
var yDir = 'down';
/ p* E4 t2 I7 m9 P3 p$ ?- a& o4 r- {var superballRunning = true;
) y2 _) A4 l. D( U5 I8 N, E3 nvar tempBallSpeed;6 y, ^' z) y$ X* u
var currentBallSrc;$ v5 F) g) K" a/ Q& p& ]
var newXDir;
. @( X7 K8 \7 o i" k2 rvar newYDir;
0 c4 H3 p$ ^4 F- y& e
/ c& Q% r' `& i& Y) Y5 @; B- tfunction initializeBall() {
$ n) E, T5 m4 `* ^0 d" g if (document.all) {6 A) |$ |) |5 {" s
xMax = document.body.clientWidth
5 M+ p/ U1 y, e& U: w5 E4 i yMax = document.body.clientHeight
3 P! h* Z' J5 o/ H document.all("supertext").style.visibility = "visible";( g. M$ Q+ F, D, L7 @
contentWidth=supertext.offsetWidth, C! Z( f: c) m3 n
contentHeight=supertext.offsetHeight
O$ z7 i0 ]. C7 r" M6 h }5 Q4 J+ _! @$ `( M6 X0 T5 N
else if (document.layers) {5 J$ S' B" W- {& D, S9 g. {
xMax = window.innerWidth;
5 Q$ Y# A, R m! o* \* |* K' [4 ~ yMax = window.innerHeight;5 s3 y$ K" b1 o; L- q
contentWidth=document.supertext.document.width
; H; v% J# j' S contentHeight=document.supertext.document.height
1 Y4 r: Z6 Q" o" {( X- x# V5 b document.layers["supertext"].visibility = "show";* m. [& O5 d/ m- n$ A
}( \* s R/ h. {% A Q+ G
setTimeout('moveBall()',400);
, o; c3 v: s3 F- S- ?# `* h7 s if (hidetimer!='')
+ q% C5 ^) o- n; A; r2 _, a+ f6 r4 F& t' _ setTimeout("hidetext()",hidetimer)
/ {: n# U/ M, I2 Y$ G' {+ w: ? }$ p* d. ]7 J7 g! q9 T
9 p/ k0 V/ b2 q) ^+ p* ]function moveBall() {
# \% {0 e! L+ J- O+ @* i if (superballRunning == true) {
6 l$ k9 [; C; ~& m0 V6 R calculatePosition();' G6 c4 C" e M3 B7 z: H
if (document.all) {
/ A9 z* V% c2 T- ] document.all("supertext").style.left = xPos + document.body.scrollLeft;
( ~5 ?1 P6 B7 Y! o; R% u document.all("supertext").style.top = yPos + document.body.scrollTop;# ~* P- @3 k* D' v5 V6 I8 h
}
& O) F& ]( o6 |, ?1 }8 A& Y3 x else if (document.layers) {; c' R4 }5 v0 @, T# I0 W
document.layers["supertext"].left = xPos + pageXOffset;! G* F! _5 T. d% {1 E
document.layers["supertext"].top = yPos + pageYOffset;& V# F8 t9 O- w6 T1 a
}
2 c; Y- j8 ^* f animatetext=setTimeout('moveBall()',20);
& ~, P% U8 L. K. o; k }
: A$ x. w8 B- g! ~ }- x8 ]- v* u( s* Z# C4 e) y2 H) Y
6 D; N" g$ ^8 `7 _. ?# Lfunction calculatePosition() {1 |0 y. [+ s" x: f* b" s
if (xDir == "right") {; a& Z& r, n8 g& T
if (xPos > (xMax - contentWidth - BallSpeed)) {% p' N' h. E: S: n: M/ I9 j- G, j
xDir = "left";
! U, p8 f4 s6 n8 F }2 X2 D6 S7 H+ r7 p! ]
}
: d/ Z \8 U5 q1 U3 e" | else if (xDir == "left") {
* ^( B# O: T! f2 u/ t: u/ U if (xPos < (0 + BallSpeed)) {% l6 L# S8 M( H7 {4 N5 y$ ~9 [
xDir = "right";
6 g( E9 x) m. j C! b, L$ c1 K R }) J; s- E0 ^( M
}
) }9 Z- s5 ?: Q; x if (yDir == "down") {
\0 O1 \0 A' K1 N+ r- d if (yPos > (yMax - contentHeight - BallSpeed)) {
3 E3 b5 c' \* K0 z yDir = "up";
8 m" [, N$ h% _/ n! ? }
; Z0 L$ }) S( f7 W, X5 m, j6 e, T }0 X* n% E9 m L7 ]
else if (yDir == "up") {5 T' E! \ p! W% B9 m7 q2 n
if (yPos < (0 + BallSpeed)) {" ^" }) [( h/ b. c% z, {& r
yDir = "down";$ l# D8 w( W( q o3 {
}
1 y/ F& J$ K3 A' A* O }- K, `- L# X- |* O- E
if (xDir == "right") {
8 \9 K0 g5 `3 j$ F" P# K6 y' g7 ? xPos = xPos + BallSpeed;
" |- u6 o- s4 |/ U. g% I }
1 u4 k* Y+ F ]- K8 ] else if (xDir == "left") {! ^4 P9 Q& y) z
xPos = xPos - BallSpeed;# W5 ? |: A1 @, `1 Q' R$ [
}* }6 A# Q- \( s, u4 D7 V
else {
2 @& U1 X( P. H. m1 ?) h1 G xPos = xPos;
0 Z$ I2 S2 l [3 ^ }
- p! E0 ^. R4 @3 N# \# F if (yDir == "down") {
$ w" O* z0 S8 u' K yPos = yPos + BallSpeed;
3 W: {; s8 c+ y' C( B }
% p7 R- {# p- C7 f2 A else if (yDir == "up") {& ~& t* K/ V$ ]2 J2 z- i/ A0 q
yPos = yPos - BallSpeed;
5 y1 e2 X$ e1 U4 R }
8 R, F- `# R' |( D! d/ S else {
9 }1 U" h/ ?! n yPos = yPos;
* W- b* Q# @; M0 } }
; D: s% b1 P4 ?; J9 F3 B }
7 q4 ?1 X' t+ J6 i- x r
7 ? q- g. T1 Y- y6 X# K' m, Jfunction hidetext(){
1 B+ ?! R1 Z/ ~: a; G' y$ Z8 hif (document.all)8 O; d+ I* l! N. U# E, _% O
supertext.style.visibility="hidden"
0 C& b3 W$ Q) I" u- e6 delse if (document.layers)
, _' U* q( G# w+ ?- P ]% Fdocument.supertext.visibility="hide"" o! [, t+ V; w) W( `6 o
clearTimeout(animatetext)0 K2 l2 d5 r9 o" v3 p( K! x$ I
}* \2 ^3 R5 Q% H8 k0 k
4 ?0 j# M: G2 |: k
if (document.all||document.layers){
9 A w$ K I$ Y4 R5 U5 Q% ]; Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ `$ I9 H6 m5 o* awindow.onload = initializeBall;
* m5 V6 V9 U1 [) R& X7 V+ ]: Xwindow.onresize = new Function("window.location.reload()");4 O+ Y! P. y$ C6 n$ O9 f
}0 \9 X% [0 h$ b9 K: g7 y
3 E& Y( Z) _6 `7 u! @3 o
</script> |
|