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

|
网页之不断弹射的文字-特效
<style type="text/css">- N( A! k w7 [ a' d
#supertext {8 E+ L% ]! Z9 Y4 U0 \8 ^) ]. l2 ~
position:absolute;
" U+ g8 l8 l. v% v* W) Qleft:0;
% D4 |) l$ \% D, \; y9 V. ^9 E- ntop:0;
' R. U# w/ \' A5 O) r( c' _visibility:hide;
* E5 V: K4 y5 u: Ovisibility:hidden;( Z$ ^2 z/ O- s5 u
}
7 ^* t* g, S5 o0 @$ I* @</style>
2 B3 D3 u* U& {" {+ @<script language="JavaScript1.2">
+ H I- r% Y2 |8 v. Y<!-- 改变下的字体的大小。颜色-->
& P+ c& w& i+ U- d* d. C. ^# Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 O: r4 ]- n5 C7 G( g5 Pvar hidetimer='';, J i/ E' T, l+ t* d
<!-- 改变下的弹跳速度-->% O% `, C0 O8 l, P! C* f% ]2 S
var BallSpeed = 20;
) U5 b+ T. Q2 ~- X* Mvar contentWidth;5 U7 N0 w% J* ~9 w& j
var contentHeight;
7 N" F# I4 H, j. R' N$ t# hvar maxBallSpeed = 50;
$ k. j" {" o( ?2 Z2 `$ P& y0 V/ V
, U8 i+ p) b2 w' b8 S7 M' nvar xMax;
% M b& l7 r4 Kvar yMax;
" ?; e3 q) B2 }/ [+ qvar xPos = 0;: k9 X$ Y6 l2 \& U" k8 t6 W: X
var yPos = 0;' Y( I4 C8 M9 \+ [+ t9 o
var xDir = 'right';
9 A3 g6 d- j+ A& _" l; b: ivar yDir = 'down';- g4 F! ^) y* `* g1 i
var superballRunning = true;/ a% G; o. y$ k! T* N- p
var tempBallSpeed;
* v" \+ j7 ^6 A: p: U# fvar currentBallSrc;! O" z; V5 K( g( k# m$ C
var newXDir;; N" m5 s/ t3 [ ]
var newYDir;' u% Z: z) z, w
& ?& n% }9 ?5 u! U% n; `' V) c# r
function initializeBall() {5 z7 P/ U/ S2 R! H# ]
if (document.all) {
+ [! u* z) v+ c! f# B9 l1 l3 w xMax = document.body.clientWidth
* u. y: G6 M+ I3 L+ `/ o7 e yMax = document.body.clientHeight& A2 K- f, H& y) {0 X
document.all("supertext").style.visibility = "visible";0 t* c% ]) e/ R( f, z( U+ ?
contentWidth=supertext.offsetWidth& k3 u: K3 w+ M) S* x
contentHeight=supertext.offsetHeight5 J- g& `# L5 g( d5 b
} m! v$ C, ~1 \. u! Q( k
else if (document.layers) {
' b% b7 I. r# \0 D xMax = window.innerWidth;
8 F) I6 W E% N4 M O) w yMax = window.innerHeight;
+ B k6 f: q5 F contentWidth=document.supertext.document.width6 l- u8 u. A6 t4 P/ G8 p6 ?
contentHeight=document.supertext.document.height
3 w7 u3 U$ H& D$ B" k; C document.layers["supertext"].visibility = "show";6 M1 x: P; ~% t; Y
}4 N. M! Z1 a. ^0 J7 ~5 A
setTimeout('moveBall()',400);
0 N2 g: u8 I5 o9 p% | if (hidetimer!='')
8 @$ N @8 }9 i" K4 i3 }8 V3 w setTimeout("hidetext()",hidetimer)9 P4 Y( C1 \& T0 \! h+ [: J0 k9 A
}
! j& s1 f' }; F* \/ \1 ?) @
4 _7 N5 A( n: L4 \" c* |function moveBall() {+ L. ?3 s% K8 `( }0 Q) B
if (superballRunning == true) {; ?& K1 d, G! n0 `
calculatePosition();5 N) k, Q( ?! s) j/ d* O" B4 G
if (document.all) {
9 L- y# u2 q1 l$ ?# X document.all("supertext").style.left = xPos + document.body.scrollLeft;2 j& e! G0 s& C
document.all("supertext").style.top = yPos + document.body.scrollTop;
% y4 ]3 r% K6 y" @7 E/ p8 U }
/ F8 o! T5 k) D else if (document.layers) {
; ^' c/ C6 x1 H' d- H. s document.layers["supertext"].left = xPos + pageXOffset;
7 N) L5 J# @& F: v: o( k/ w4 I document.layers["supertext"].top = yPos + pageYOffset;
9 ]$ g4 A8 t, g l& W ?6 J( @ }2 A3 E2 \: v+ L3 g# m
animatetext=setTimeout('moveBall()',20);7 @' B/ S5 P/ p2 P0 o- q
}9 J) j( y1 f0 g3 i+ q" [: U% Q
}! o Q* n1 g( x- M K( e/ k
. x; \! d4 D- D5 ^( j1 B7 vfunction calculatePosition() {
% |! { ?% m# f2 H$ c+ W* J J. ~; n' _ if (xDir == "right") {
# y* W2 o, {. q$ m9 _9 z' t if (xPos > (xMax - contentWidth - BallSpeed)) {
5 ^ ~) }5 \! ]/ i, F# k xDir = "left";; j) I! Y+ X+ N$ B3 o4 z
}0 H K6 X: S0 s" k
}$ ^- I" l! g0 s" H
else if (xDir == "left") {
, ?3 x4 i; K5 a" }* d7 { if (xPos < (0 + BallSpeed)) {
* P v. U% s! y3 y; m2 u# w xDir = "right";
) ]5 k6 l& V! d7 e5 A' x }5 O% R4 b$ S8 j! p# T8 a: a
}8 r9 o+ n4 G; k# c! t+ q% o
if (yDir == "down") {% W, c, u4 M, k* q/ c) P4 z
if (yPos > (yMax - contentHeight - BallSpeed)) {
- T) y% O0 U% T' x( {' T yDir = "up";
7 b/ ^( O6 w' P% J- y2 _% T }2 |* |4 g _! x4 H9 t _* _
}% C, `7 q/ P. @/ t
else if (yDir == "up") {
( k2 o( C B, Q) \3 h if (yPos < (0 + BallSpeed)) {% ]. Q" l* O3 f1 T: B
yDir = "down";$ o4 b) A8 l) A- Y- [% }3 a+ s/ j
}! H) w' w3 @$ ~+ S2 F7 i; L p- n9 @
}# A. f- a! v3 T* l
if (xDir == "right") {! Y. d3 L9 f2 l# E! |7 I0 j
xPos = xPos + BallSpeed;
; m+ Q# M# K0 \$ c S) M( L% e }
4 q# {% L6 J% K8 c/ m% y else if (xDir == "left") {, n# Z1 X# t! Z0 E3 P! h
xPos = xPos - BallSpeed;2 i' a8 k) J' I
}
; s" n/ A9 Z! z7 V4 a else {
- B4 @! r- q* k7 G, z/ W. X xPos = xPos;8 G; I1 T- n+ m6 Q, }2 l0 o: G
}
& v" i. R/ t4 Z5 g0 r# g+ i if (yDir == "down") {- A" u* C! ?# f0 y" Z' t5 R
yPos = yPos + BallSpeed;
3 }6 q1 i8 e# q7 ` s6 z }
2 g; D7 t* d$ [7 ^0 B0 L else if (yDir == "up") {
5 y: Y5 g2 G' g _8 m3 [ yPos = yPos - BallSpeed;& O% M, m9 C0 j$ d) g( [
}
7 B" t5 Q; C/ P, R4 ]+ C; t, T else {4 ~0 Z+ }* Y3 b: Z+ P' [0 m
yPos = yPos;! a( _ Y5 t4 H0 D/ i: L! `4 s0 H
}" y3 o9 a/ ~ |$ P: M: P0 J" \
}
( D6 I* F. c5 i) F- P% p) p2 E5 e8 ]- h; m* e+ t; f
function hidetext(){: r# E0 n& Y' R
if (document.all)) k$ o5 Q9 g6 H
supertext.style.visibility="hidden"
5 P- g6 ~# ~" S6 \& |7 Nelse if (document.layers)
" m4 i9 z" |& \6 O1 X0 a" ~4 bdocument.supertext.visibility="hide"
m' B1 F( r& SclearTimeout(animatetext)" A$ ]* m8 g5 u1 }
}9 A3 g8 t3 d% p: p* i0 U/ X1 A
/ k s: g9 Y3 W5 I- B8 o; b! E9 g
if (document.all||document.layers){
9 t- S3 V" B$ k$ o0 a4 G5 Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); Y1 Z+ N0 e2 W6 A5 j
window.onload = initializeBall;& F A' [) Y1 g# f6 ^
window.onresize = new Function("window.location.reload()");4 Y4 O2 |. F1 ]! Y9 i8 w
}
6 ~: P- `! v+ m) } L; f! z5 p$ J( B% X/ X& x: ~7 f9 p+ O# J
</script> |
|