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

|
网页之不断弹射的文字-特效
<style type="text/css">9 C9 T+ t6 Z0 y& M. n
#supertext {
/ }% t$ ]( Q$ Bposition:absolute;
: `! b& a% O8 X& Zleft:0;
+ v6 K) v4 S1 M0 m0 j6 ktop:0;5 c& j2 {' S% d0 o
visibility:hide;+ F9 I0 E$ X3 N( C" R
visibility:hidden;
: `$ F4 g% M- A7 ` l/ ~1 F}
8 d6 m, ~6 o$ o/ g</style>4 `: c7 b$ }/ M* ~
<script language="JavaScript1.2">
0 w, D2 C- {% B0 b& o2 T7 B<!-- 改变下的字体的大小。颜色-->
; a% e$ U/ C0 S: `0 S' cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; t' [. W3 e1 _
var hidetimer=''; R1 g4 x6 P# M2 ?- p
<!-- 改变下的弹跳速度-->! M* l( y) R1 ^) ]6 T- n( z
var BallSpeed = 20;4 w6 h/ s/ t5 y- ~7 a5 K
var contentWidth;
0 t( I: b6 U+ \) ?. l2 q( T6 Xvar contentHeight;, j! o8 r" [/ `& x
var maxBallSpeed = 50;$ q% q) K: e* o; e3 ]. s
4 i. Q2 Z* g! b4 P) K* ^) e/ k. w1 f4 p0 w9 M
var xMax;
, \. H) f7 b2 F; K$ g Mvar yMax;4 Z+ k$ ]. C" S( T! A! F
var xPos = 0;- r4 D" r$ }7 {( H. Z/ ]( w
var yPos = 0;
$ K& a% a0 b- vvar xDir = 'right';& m* n, y/ {# c2 |2 j5 k: J* f
var yDir = 'down';7 o. U5 n( u: U
var superballRunning = true;
; U8 Y* R& t5 s" G5 L2 Y; Rvar tempBallSpeed;4 @/ ~7 w/ m9 {
var currentBallSrc;
2 ~2 A3 n" I! ~$ P$ S) z9 mvar newXDir;
5 j1 B5 E% y7 z4 i+ Q& j, |var newYDir;
! B8 o) q7 v: [* d
( ~! c$ g2 f/ K! W* T; M8 r: x2 Zfunction initializeBall() {
0 e' z+ E2 @5 _. d if (document.all) {
8 c8 e8 j( R) X z7 J% a/ B xMax = document.body.clientWidth* } \' B" r3 |! F
yMax = document.body.clientHeight
- X( z0 E' ~2 X2 Q/ Q% n document.all("supertext").style.visibility = "visible";7 @# b$ q/ w Q6 `- s
contentWidth=supertext.offsetWidth+ r9 G& F; _/ E0 l, c+ l, d6 i
contentHeight=supertext.offsetHeight
; u! B7 o$ t' @: X# I }
4 j# {) Y0 c' L" D9 { else if (document.layers) {
8 e0 ~* q7 h4 @" k- f# L6 G xMax = window.innerWidth;
, U1 W/ H, W4 ], z% N yMax = window.innerHeight;9 Y! [ ~' e; z0 ?
contentWidth=document.supertext.document.width
7 t: }( z, z" W6 _( X2 K* d1 K contentHeight=document.supertext.document.height
" d8 I( t2 |3 i# f! e( x; T document.layers["supertext"].visibility = "show";, G: \6 L' g C. `2 _" H
}
6 f7 H# l: ]3 f- D6 _0 v7 D- m+ z7 j setTimeout('moveBall()',400);
7 g u9 b8 t7 E! {; r if (hidetimer!='')
- Y& `' H, y8 v; l setTimeout("hidetext()",hidetimer). q. N# V3 `* f0 m* c. O
}. f t# Z& X' P c
9 t' s4 Z/ V5 p Q8 U
function moveBall() {& ]% E) `6 {3 v2 J
if (superballRunning == true) {* r/ P( n! t' v+ U0 E! l0 Y
calculatePosition();- `& L" y, y% o4 @. e
if (document.all) {4 j7 d2 H2 q& K1 k( X$ X- y6 K
document.all("supertext").style.left = xPos + document.body.scrollLeft;
& a# Z: r/ b9 k w document.all("supertext").style.top = yPos + document.body.scrollTop;
+ H5 j9 h* S, w! s! M }
6 i* m8 u9 g0 O a else if (document.layers) {
: n4 ^% ^ I6 \ document.layers["supertext"].left = xPos + pageXOffset;8 C! `$ ?$ l6 M4 F, T
document.layers["supertext"].top = yPos + pageYOffset;
0 z( ^* |: ~) O4 a9 X. Q% n" ? } B0 j, v* n$ X8 d
animatetext=setTimeout('moveBall()',20);0 D' j9 b( o& C6 }0 _- o
}
2 b3 ~3 x2 S/ O; x+ P }2 V" h$ |% q/ |) A$ E5 p7 h
+ @$ a9 ~% d$ M; ]/ h/ p- Ffunction calculatePosition() {4 f- ? q2 F d) l
if (xDir == "right") {
3 z. W4 f5 V3 Z B, s if (xPos > (xMax - contentWidth - BallSpeed)) {
0 f7 H: N4 A! A- N0 \5 U8 t- x xDir = "left";: \8 H; z) B$ }
}
6 B8 L5 c8 S( c0 h$ | }
. ~- K8 ~; D% o! o% q: a; ` else if (xDir == "left") {
# a. I! X- T' w2 F% p if (xPos < (0 + BallSpeed)) {# O0 ^, Y7 p: ]/ p8 \- y. A, u! t
xDir = "right";9 v d. ` o* U: t- ?5 D) J8 m! P
}+ }8 q2 n& G6 c2 w8 U
}; J' U3 O2 _$ N
if (yDir == "down") {% e2 I2 C5 Z9 P4 b3 D3 d
if (yPos > (yMax - contentHeight - BallSpeed)) {
! }: X# Q3 n7 X' G# u) ?/ Y4 ]5 R& y yDir = "up";' i$ V# s! ?5 O1 g7 t u6 x) H
}
" a. i6 a0 @5 R; w8 v. ^: V }4 m* p# H8 J" v* j8 ~: H
else if (yDir == "up") {
. K4 I+ c. V: a/ ]3 ? S9 S' v if (yPos < (0 + BallSpeed)) {2 k7 _3 [6 b- ^5 {
yDir = "down";
C: p, w' ~7 E$ _. _' t) ^ }# N3 M+ L' y, x7 _
}! V, I$ O" D W+ c4 l& K
if (xDir == "right") {5 g4 i. q n/ \! @
xPos = xPos + BallSpeed;' k" l5 z1 b. q2 m. K3 s; A
}$ H2 g' K7 ^2 V1 @( M6 z3 R9 |4 Y
else if (xDir == "left") {) _' b* V4 b' h1 B. v5 m( B
xPos = xPos - BallSpeed;
3 b! T0 L! |; \5 i$ D1 Q+ i1 ] }
2 u- a( @, a9 X$ L1 B else {
; h) [4 Z1 \* q R xPos = xPos;
6 y! G$ s, q, ~$ \0 [ }: Y; U: ~5 J6 c' r: y
if (yDir == "down") {# s7 Y% q# E g6 b, Y
yPos = yPos + BallSpeed;
; w! g5 C- f% P9 f" |, W }1 x; X0 |! p d( ]$ l( Y$ o5 @3 q
else if (yDir == "up") {. m% r/ V' U! U
yPos = yPos - BallSpeed;
% q5 |( e* D7 t; |& N$ D& ~- W5 u3 s }$ r# R* d C; y. A! f; P1 ?# M
else {
2 G0 |$ d: j2 D+ R- S yPos = yPos;
9 F( Z4 x* x/ q+ a& t }
2 n+ C, H, U) t& T; U9 K }( W9 p* t6 G. @
8 g- [; j2 ]9 @: @0 d. v3 u7 y
function hidetext(){3 v4 k. z/ i$ s {% ~0 B& g
if (document.all)
5 S F2 Z, w! F* R! A, [1 }supertext.style.visibility="hidden"8 X" s& N- m" Q/ f
else if (document.layers)
6 {1 o& k7 `9 F9 ]) x3 a4 P7 g* Wdocument.supertext.visibility="hide"- E* S+ Z' ]& P6 B7 L5 z
clearTimeout(animatetext)
9 X2 `( j3 U+ n2 E9 _# b" f' l0 X}
& X, x) R7 q$ h$ s% a) Y4 \3 U
9 R1 M9 w Z4 M, Kif (document.all||document.layers){
- q$ i' f" F$ b; x& @3 O3 u, ]% tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
R1 V: b, N& Z. x6 i2 ?window.onload = initializeBall;
, z8 _4 O j% e$ K+ i8 wwindow.onresize = new Function("window.location.reload()");
/ ~: I" X- ~ D( }}% S7 n% ~: S) d- Z" u$ y6 O
* D9 | C% c9 l</script> |
|