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

|
网页之不断弹射的文字-特效
<style type="text/css">1 o4 A, U/ A# J+ A- @
#supertext {4 _3 \, r4 o( o
position:absolute;
% G G9 a% R) G0 {left:0;3 ]4 }5 J- d+ ]( e6 E0 O9 w
top:0;
( ] G4 u8 o: @3 F1 X' }& I. x P1 {visibility:hide;# j1 ?6 v; W% E K7 N7 q! K" ~
visibility:hidden;6 {$ M6 L. L8 m- F# j/ y; Y
}
1 y) ~9 C) A4 c! r% E* y r</style>
: Z( K( S5 U1 I" T- [3 g- Z<script language="JavaScript1.2">! l' H) r/ Q. [
<!-- 改变下的字体的大小。颜色-->
) J4 b# x; J2 k9 b: p2 nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) \' w& K) k( H/ Pvar hidetimer='';" D# v% v, A/ D
<!-- 改变下的弹跳速度-->
( p7 @* I& B+ _var BallSpeed = 20;
0 ?+ E- P6 W3 K' X r" ovar contentWidth;( s: F" Y' K* J2 X9 I" H) J3 @
var contentHeight;% q; i- \# H9 x# K" j( a
var maxBallSpeed = 50;
/ D/ T& h# W# G5 w* \0 Q% Q3 f j0 g# X% }4 [, t
8 k" A3 k; u/ ^8 z0 I3 Rvar xMax;
2 j/ _; T" U, b7 } S9 ~5 m3 \5 ivar yMax;6 `" L4 I! Z, _ d2 G8 q* |- \
var xPos = 0;$ O# T2 M; L1 [. h5 \ V
var yPos = 0;
: U% u6 r$ L; w- ^# \6 S8 Q/ n5 uvar xDir = 'right';. x7 i2 M5 M: x+ f# D4 |6 x
var yDir = 'down';
9 }# k9 Z# p U, A3 gvar superballRunning = true;6 ?3 Y4 h- \6 N! ^# O
var tempBallSpeed;' a( m* U: z* M" _4 |% X
var currentBallSrc;/ S3 Y' u7 g- F1 ? H/ r
var newXDir;
, ~1 l1 @2 T8 U9 O/ h5 A1 _var newYDir;* M! \' q2 M8 u* k
6 |# M' r: j3 _3 v% e h
function initializeBall() {
! i# E4 \8 B/ s( x; C if (document.all) {
. M/ H* g& G, i5 n% d9 a0 u- ? xMax = document.body.clientWidth
1 u" i1 H! n8 g8 R: |! k( B! N, b yMax = document.body.clientHeight5 |- x( @8 h- M/ w, f1 d
document.all("supertext").style.visibility = "visible";' G( {( t- Q- x6 N
contentWidth=supertext.offsetWidth
. |. C& E3 C- @8 S$ a contentHeight=supertext.offsetHeight' G- t; [7 J! f) h4 \
}
! Z: W5 \; k& V1 \% S: E. H) g5 ] else if (document.layers) {. f9 e+ i+ c" w8 P5 z! {
xMax = window.innerWidth;
7 A3 h: q' Q( c8 N# D yMax = window.innerHeight;
; Y$ ~, J6 N. s4 H% _7 T contentWidth=document.supertext.document.width, @; `& D( v, S7 j# ^# r0 a
contentHeight=document.supertext.document.height3 E. n r# M u' [$ u+ X& B7 W( {
document.layers["supertext"].visibility = "show";
& ]% r; d; r) @" _% b {* P9 ` }5 m/ P) Q' ~% |9 P6 S
setTimeout('moveBall()',400);! G, v2 d8 G1 K Z& q. G. |
if (hidetimer!='')
5 K4 H% H& ~2 @* H1 Z9 s2 n setTimeout("hidetext()",hidetimer)
8 U2 ?- j2 r, c! Y% i6 t3 s }
- C: M6 q0 i. E
: M# ?% x; L/ M6 k) rfunction moveBall() {5 q6 { F5 L0 s5 u- D1 i2 I Q
if (superballRunning == true) {1 Q; I C0 e2 Q- q
calculatePosition();
8 R) M' t8 P6 }# X7 p# U if (document.all) {
& F5 ^/ ^5 B0 E( y0 L' I" R+ l document.all("supertext").style.left = xPos + document.body.scrollLeft;3 ?- X& g1 | p) Y
document.all("supertext").style.top = yPos + document.body.scrollTop;& \+ q7 D3 a4 q- c
}% I) p; }9 Z0 O- i3 ^9 T
else if (document.layers) {
4 u) u( I; a; l' k! x3 ] document.layers["supertext"].left = xPos + pageXOffset;
* F, Q" i1 t! Q; j* h& B document.layers["supertext"].top = yPos + pageYOffset;
7 D) z& z4 H2 X, A0 g4 o3 P }
+ }# k* C7 g! c animatetext=setTimeout('moveBall()',20);' Z D4 [" h' U* c: R
}5 q' k) m, R7 y, u; g
}
# H0 A) U3 z2 ?/ o. a1 P
0 N+ m; c- F* n( M3 [function calculatePosition() {/ j# t$ K& `8 ?2 k$ d" b: j9 \
if (xDir == "right") {; t. j# \' ? t6 L
if (xPos > (xMax - contentWidth - BallSpeed)) {
- ?- r" k: x' f' o# p) p, W7 d- V9 B xDir = "left";& g. c2 `2 a. v: G5 w5 G
}
0 {* \% Z1 r" t2 t. W; N, D* { }" [1 j' V4 M6 b
else if (xDir == "left") {+ M/ p5 f6 k# Q- U" I
if (xPos < (0 + BallSpeed)) {
) Q T, C* |) I0 F- _ xDir = "right";* R! N/ n$ s6 e
}
3 ^5 d y5 f& r c5 N; h4 o; M2 `( o# Q }
0 F' k" Z3 q1 F, o8 _$ V if (yDir == "down") {
0 m$ o) z- s$ v- G3 m: U1 a if (yPos > (yMax - contentHeight - BallSpeed)) {. Q7 R: b2 h/ j2 W8 e2 d6 X
yDir = "up";4 }9 L; g. a) Z; }/ @) J
}
c: N, X$ d5 g8 H. { }" n7 \ ~7 g3 G( ~
else if (yDir == "up") {" v' v. M/ Y7 r
if (yPos < (0 + BallSpeed)) {6 D& B9 n# \% z- {/ k# t5 L
yDir = "down";
( b# @* O! i+ E' Z$ y% d }
$ i$ C9 J; }9 L& z# U }4 z6 u6 b( `2 I' v5 D
if (xDir == "right") {
$ F- U: `. `: B, c+ b xPos = xPos + BallSpeed;
! Q3 a) n1 W. ?% A. N0 U1 k1 Q0 j0 Y }- N/ F3 ^* r7 d
else if (xDir == "left") {" V6 y7 Q$ i! [
xPos = xPos - BallSpeed;. r) ` o, ^; }6 q. b5 Y( |
}
4 P) C) i, C6 G' Y: l% V5 N else {
3 ]- g" U$ h; G xPos = xPos;1 o7 V2 ~. _2 s t9 v2 @
}7 g1 z" P! N+ v+ I1 p2 }0 F
if (yDir == "down") {
! h" t% s4 U# t yPos = yPos + BallSpeed;8 I; R9 [6 H+ A9 F% h
}
# ~! g" C) d& u; m+ m- T else if (yDir == "up") {. S2 B @) @: ` @
yPos = yPos - BallSpeed;" c7 Z7 x- A. U5 A. Q% W9 [4 }
}
8 E0 |, D! a* | else { f1 X. r6 a1 p0 ?# z. c
yPos = yPos;
2 ^8 L( u! y8 f. K( A" x2 u }
% t1 S* V8 {% H0 U9 M }+ A9 P. F# i! ]- a j! s& p |
8 u& K/ a. d$ l `
function hidetext(){
/ a B: P( N, B7 ^ _' S; X6 x& V* rif (document.all)
8 A; k. E" h+ P" K+ ^5 gsupertext.style.visibility="hidden"
$ ], n( K! n* k+ q- z1 Q, Celse if (document.layers)
2 J* u. ?* |. H7 [2 b- f% }document.supertext.visibility="hide"
3 I' O6 h& y& I& MclearTimeout(animatetext)2 W6 Z- L! @0 @) G
}
7 y/ n$ s b3 O8 h7 c a. s* _
: i& J9 X) t$ F+ |( y7 Aif (document.all||document.layers){
+ d9 f! T8 Z) p8 z4 x+ fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& f2 P. k( r% L5 owindow.onload = initializeBall;
$ T( ~: S- g% U; K6 _: t! Jwindow.onresize = new Function("window.location.reload()");
3 x2 z: f: B. [/ h9 g+ `) l}# x' W& F0 d+ a
& q( T, j5 Y( N2 J8 N</script> |
|