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

|
网页之不断弹射的文字-特效
<style type="text/css">. S7 { v0 f$ g6 y3 F' u5 r2 ~
#supertext {
6 O7 a* H, `' O' eposition:absolute;3 g! n4 R u ^) B: \" n! h# M# z
left:0;& E: a/ @- y" T& z8 e1 F) B) |
top:0;% W2 i) S* w2 ?3 T. P" F4 Z) B# E
visibility:hide;
8 o, P' R% U# @visibility:hidden;' z& b2 b6 J, R6 y
}
* S0 \: \) w9 C$ J# k2 V</style>' i; P; @) \9 D/ U# @ }- B8 \
<script language="JavaScript1.2">
2 q/ ?: f: u' u- V5 G N8 v<!-- 改变下的字体的大小。颜色-->+ D/ \( ]' }, i$ k9 G0 m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': z$ ~ R# D6 J6 p$ c# b
var hidetimer='';+ p) K5 J1 ^- \9 p9 h% ?
<!-- 改变下的弹跳速度-->
; j9 f3 D0 I% l @var BallSpeed = 20;4 _% d3 B& I/ x# M% A( e x
var contentWidth;
9 ~1 j% U: e' @' N7 P U( f' Ovar contentHeight;
/ l$ g5 I0 r8 Z! D( z; _6 E- ~! F; ^var maxBallSpeed = 50;
# U% `! u# ] v g/ e1 U
. @4 n8 W* V1 ~) o! o7 z A3 ~# {
& ~- A; X U7 U) h5 @8 d7 K nvar xMax;
! p- k8 U2 r4 B3 n) x4 _/ o. evar yMax;
4 v4 [0 n0 f& o0 Xvar xPos = 0;
$ D7 \& A7 U- w+ f9 svar yPos = 0;
# G7 N- E+ j" V0 I; G f/ j4 `var xDir = 'right';
1 ]0 c% M+ S% _8 s# X* p9 B6 L/ l Svar yDir = 'down';2 T. n$ | o& P6 }
var superballRunning = true;
2 n* P" u4 |' ]6 y/ ~var tempBallSpeed;
- r! _, n1 o( n( u& Y6 nvar currentBallSrc;& Z3 u/ p% f0 ]+ M, \6 y
var newXDir;
" s& |- ?( a% T: U1 qvar newYDir;5 k& F7 b) ?- l. |" B) P
6 g( S) o# ?7 G7 L5 b2 qfunction initializeBall() {6 V; ]4 K j4 y2 f3 W/ U- s
if (document.all) {
0 o& `) [8 D! g9 X. b0 \7 x7 @2 ]( @ xMax = document.body.clientWidth# n; x8 E( W& a! y1 U7 j( F9 D
yMax = document.body.clientHeight; |2 Z. Z2 ?! {+ {6 L7 O) c
document.all("supertext").style.visibility = "visible";$ O3 j# M# X" c0 N0 w) B! N/ Q& t
contentWidth=supertext.offsetWidth
# N! w' p. @9 v4 i3 v contentHeight=supertext.offsetHeight
4 U* {! @3 n3 N# t% F7 W }
9 k% \2 |" }) x- }( ^! H else if (document.layers) {
; L0 s/ p+ H; a7 P; n xMax = window.innerWidth;$ H# o" ?( J- y2 A) j' m
yMax = window.innerHeight;
" q4 @' V8 e, m8 p contentWidth=document.supertext.document.width
/ v, j. ^' A, l; N7 x contentHeight=document.supertext.document.height
( X, x$ N; e; ~ document.layers["supertext"].visibility = "show";
c3 T& d3 l; ^8 G }
, r) n1 D7 Y* b setTimeout('moveBall()',400);1 h w) o! d2 y' b- K0 {
if (hidetimer!='')
% n) ?0 P/ J k setTimeout("hidetext()",hidetimer)9 \& x0 r) `/ A* N' l
}
) J7 g7 ^9 V6 l( W/ _: I6 m8 ~5 C/ |$ @7 i& T7 F
function moveBall() {
' t+ y _& X7 t if (superballRunning == true) {
# T( v3 \) X, _ calculatePosition();- ` ^) D: F) H, x! U) e6 m
if (document.all) {
* r' s, f: e( @5 T' I document.all("supertext").style.left = xPos + document.body.scrollLeft;- S6 i# P, h3 q
document.all("supertext").style.top = yPos + document.body.scrollTop;+ N% Q1 u I, M/ q- L
}5 L. A& T1 O+ R
else if (document.layers) {
4 M' D' d+ F" Z3 H' x( Y document.layers["supertext"].left = xPos + pageXOffset;
0 O; m; w! D; o" R3 u4 K5 h1 n document.layers["supertext"].top = yPos + pageYOffset;5 e% Q! t0 ]& W4 h$ M; ^
}# B$ u7 m5 D7 p* ~6 x0 }( q8 A) r( A
animatetext=setTimeout('moveBall()',20);) E, F2 L1 }# E' @4 s% a% g* E
}( \$ B% N( f: ~/ Q
}
, \: M7 B5 @2 M) H" v- ^( U9 V
% j4 i% p6 D6 L" m6 `: Yfunction calculatePosition() {
# E0 f, E! V# a. G0 q9 ` if (xDir == "right") {
1 c9 n) f/ U) D! x if (xPos > (xMax - contentWidth - BallSpeed)) {
3 h a* ]( j( q' \! G. u5 H xDir = "left";6 p6 _6 \- E% N2 V" @1 ~
}
$ c$ c$ @( G9 l' [/ q- i: O8 h }
$ d$ {+ n' S d1 c3 a B' y else if (xDir == "left") {
, l: V5 `2 m- u7 b- q' e7 Q if (xPos < (0 + BallSpeed)) {
/ J3 @# ]; l1 y" V5 `; l xDir = "right";
" R; k: Y" E# ~& |5 F( i1 R }& I- d6 e( j' b/ P! H
}! U' d) d) Q: Z
if (yDir == "down") {0 ^; }4 \1 H( \
if (yPos > (yMax - contentHeight - BallSpeed)) {' Z7 v& ^* J8 z! p: c* }% Q& j, s
yDir = "up";
+ B R! ~8 f& j% B }
e' F/ F' U5 {4 y& G }
. U: k' w& B1 \4 h2 Y, X/ S! D else if (yDir == "up") {
' ~- [- S, T! r& T! o3 l if (yPos < (0 + BallSpeed)) {
% I9 S* H6 N* Z) X. w yDir = "down";
( i0 ^# k! L3 f }$ j2 O/ r5 t; V9 L* C; o5 j8 |
}
! @, \* Q$ n+ n) r6 z, d4 ` if (xDir == "right") {
8 `3 G0 k1 w5 |, r, F/ O xPos = xPos + BallSpeed; H0 K: T) h# x1 t9 l) p9 K& H1 e
}$ M& K, l$ \- D8 ]0 [/ l* Q
else if (xDir == "left") {: T$ Y' G% ~. g; ~1 r& j' V7 G3 J
xPos = xPos - BallSpeed;
/ ^& r( m! Y+ H( p" ?: d" Y }( V P$ ~) O0 _' ~! I
else {3 M$ T( L/ O9 G, n
xPos = xPos;" K( W. e/ k: R
}# {& u2 v7 x0 \( g: ^
if (yDir == "down") {
( Q7 R+ ^2 u; `0 x) ]; a yPos = yPos + BallSpeed;
+ E: c4 B' w$ b9 h+ Q! _ }6 g2 C7 I3 t4 i7 N, a# a
else if (yDir == "up") {
, y U; Y4 ~" a7 Z/ y yPos = yPos - BallSpeed;+ h. ?" ~8 @+ l1 n/ o0 R
}
4 V, B3 k0 r) Q0 L8 B3 E else {
0 q5 A, o; c9 Q D" A yPos = yPos;
1 o3 A; F% A) v, d& _& r3 c }& S2 H+ w% Y8 R; ]1 H- V' ?% d+ b
}' j7 o j1 ^+ `
; B6 C. M8 o8 l8 l2 e# M- a
function hidetext(){& ^4 w9 q3 n8 _: \# e6 g$ g
if (document.all): u0 g$ g8 V$ _9 a
supertext.style.visibility="hidden"
& @. [! A f" H5 oelse if (document.layers): F9 c' u9 s9 w' ]. W
document.supertext.visibility="hide"+ y5 a6 n2 b, k C+ y; a
clearTimeout(animatetext)* `+ a& N0 z/ D" C; ^4 R1 S, N
}
9 B$ I8 y# c2 O1 U" x4 _. B$ g
# |7 b+ _& D0 w: A9 O1 dif (document.all||document.layers){3 b9 G7 L2 i3 A) {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- B$ @+ N, m- X( u8 `4 I) Ewindow.onload = initializeBall;
7 r8 K5 ]" L0 V1 ~+ Hwindow.onresize = new Function("window.location.reload()");
) ~ @8 V9 I. k, _* \}6 U% C4 Y- N$ r+ s4 G) B+ [
) r: W# C" I' m</script> |
|