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

|
网页之不断弹射的文字-特效
<style type="text/css">
* l' H* a' f ]#supertext {
4 a3 U' [% }: z$ U( U/ e1 l7 cposition:absolute;3 S) [$ g/ r# `, _
left:0;
& [# H" C2 v9 i6 f5 o' ytop:0;9 P, B% B2 Z/ e. l! C* j. _# w. X
visibility:hide;6 ~8 ~, A* s& m, r$ Y) H6 a
visibility:hidden;* l& I0 Q0 `, F3 [8 s
}
3 A. t0 }5 c5 H# x! a% i! b! Y9 |</style>$ _: X8 A/ [3 p
<script language="JavaScript1.2">
n7 W' v; e$ d" y; a<!-- 改变下的字体的大小。颜色-->; y; m; A; V5 w" X
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* `8 X; r$ z. A9 `% y
var hidetimer='';
; U) E. t# |( a- i<!-- 改变下的弹跳速度-->5 R0 q* h9 f7 N [& p
var BallSpeed = 20;
; k8 s: j* O5 i4 c$ qvar contentWidth;
. e4 e5 S7 ]) u& j( nvar contentHeight;
$ I1 [$ {2 Y3 h2 _1 n; ovar maxBallSpeed = 50;. l! C5 {: @4 n/ S7 A n3 k$ s L* [
& a5 ^5 Q, e& G
" V2 m9 {: s! g7 N% U- }var xMax;
8 C3 h# m2 l9 E- D) X2 T/ X- i4 v- lvar yMax;. i# s+ l a& F8 O
var xPos = 0;
' Q' r; Z4 B* [1 {' y- \! ^var yPos = 0;: i' o9 f! ]- y
var xDir = 'right';
4 Q V- @' f9 Tvar yDir = 'down';% Z1 G9 V V4 A/ e5 R
var superballRunning = true;4 V1 h7 x# T" c! U
var tempBallSpeed;
9 @; V1 R5 @* R6 S- Jvar currentBallSrc;
8 T% n6 O/ ^: T cvar newXDir;
6 q- ]% z4 |/ ^: Svar newYDir;
5 i7 ^6 I8 n7 j$ u# |* c8 l! Y, [" |% s _8 a9 r" [2 K
function initializeBall() {
6 C0 _7 T& } A" B/ X7 F if (document.all) {( ^2 y3 [/ u6 ]
xMax = document.body.clientWidth
: E1 N, }+ g' f8 X- T0 O5 k; A8 y; I yMax = document.body.clientHeight$ s; _& G$ `0 b1 o. L8 z( @" J
document.all("supertext").style.visibility = "visible";- j7 B, c& I* V( p
contentWidth=supertext.offsetWidth
S8 X+ q& A; m contentHeight=supertext.offsetHeight, j/ F7 D! @1 M
}6 M `$ o8 v) v' A4 x
else if (document.layers) {
# A5 R Z1 l9 X xMax = window.innerWidth; M% t* P* y t: d7 m0 p
yMax = window.innerHeight;: N2 v, S; `' @( L% I. C! J o$ N
contentWidth=document.supertext.document.width V9 Z- p# c) q, q' Y; k7 a- x
contentHeight=document.supertext.document.height
Z( D7 ^* K h& L document.layers["supertext"].visibility = "show";7 j0 l1 i1 `' t! J6 K, j: D" g
}
! v" r; G5 e1 V setTimeout('moveBall()',400);
* u6 w) V0 |: S/ w2 c if (hidetimer!=''), Q: o' I- g# o5 N) X
setTimeout("hidetext()",hidetimer)8 B& {- l( J+ d7 c: x( H5 p5 n4 R
}
. N5 C) u7 |5 @& `% l
* ^0 N, B$ k( c$ B' ]* yfunction moveBall() {- t1 R' m3 u) @% q) P* W+ [$ N# P
if (superballRunning == true) {
. \9 S- L ]: B" R B. E' c( c calculatePosition();+ L9 n$ j$ L6 j7 G" f H; E
if (document.all) {/ e9 G& h: Y8 B! D9 l, y
document.all("supertext").style.left = xPos + document.body.scrollLeft;* Q/ m) U2 ~3 c* J% P/ k8 Y) W
document.all("supertext").style.top = yPos + document.body.scrollTop;
6 P8 W. C& i3 N# T8 c# U }
- {% o6 S$ v* w# I else if (document.layers) {/ K" | b$ f9 A1 g3 P
document.layers["supertext"].left = xPos + pageXOffset;
8 C& D, @5 `/ l: y& n, z document.layers["supertext"].top = yPos + pageYOffset;3 n/ A( F. c2 S! j
}
) C( b9 A% G" K. { animatetext=setTimeout('moveBall()',20);; w( O8 e2 u! |
}" _/ I. h* ?4 Y# c3 Q- Q6 X
}
1 X+ m+ `8 \$ X& c, _& K' w2 [6 `; D8 i
function calculatePosition() {
! E! i7 r* D x+ `& B' ]7 S9 C if (xDir == "right") {
" T% h# `; {2 q$ G if (xPos > (xMax - contentWidth - BallSpeed)) {6 C! a1 f$ @, ]( C$ A
xDir = "left";4 J9 P$ v) X i5 o; I. l, z
}' b; R6 t5 c- L% O& O. u+ i' h
}' }. Z# o6 `- I* i. y7 Z
else if (xDir == "left") {
8 b" a! c. ]+ h( L1 x+ r( R if (xPos < (0 + BallSpeed)) {# Z3 b9 O6 V% Q! P# C$ u9 d
xDir = "right";
0 z9 g2 X" F$ w; {5 G& W/ i+ [, b }" p. r" Q8 Q7 n) t [, o
}
* H& [, b3 f* I; x' m if (yDir == "down") {
z6 X$ L7 S3 l* z if (yPos > (yMax - contentHeight - BallSpeed)) {6 C# S5 E6 Q: ~
yDir = "up";# O a; s" M" p; L
}1 X$ V* _. u9 l2 J a% o( D$ ~
}' n: J" v# `& R5 T m# z9 [. a
else if (yDir == "up") {
4 S1 x& s+ y w: w# L4 n8 J if (yPos < (0 + BallSpeed)) {. M C2 v1 w2 J0 L5 |
yDir = "down";& \% l/ V! P% u. \
}7 B6 V0 ^3 m/ @5 X, j( a$ l
}3 J; ?( k" \+ e: Q+ p. ^* T
if (xDir == "right") {2 T7 E4 ^( Y* i4 Q, x
xPos = xPos + BallSpeed;3 m5 q8 }7 Y' E* t1 [
}# w f% {# D+ D* d& {2 w
else if (xDir == "left") {; y0 T4 G7 L4 S$ Z! ~$ k3 [0 S, l
xPos = xPos - BallSpeed;
* c! J) N: `( u' Q7 [7 @ }+ Z6 R/ A* h# o( a+ U& o
else {% Q" C7 o5 z" G9 [# Z9 X' u
xPos = xPos;
- w' P5 }. ?( y" U) E }
% ^8 f$ C& w8 J1 w! M/ H0 k if (yDir == "down") {2 s; e5 v% k" ?" A
yPos = yPos + BallSpeed;
7 L) u ]" z% U1 C! t2 a4 W }2 F# X6 ^3 F* d; |% Z3 ~( b
else if (yDir == "up") {9 ]/ ~8 ]% j, ]& x
yPos = yPos - BallSpeed;- e, R. }! K% J, Z$ z0 E
}6 _2 Z/ e: w& w$ L
else {) u" P9 ^: g' g
yPos = yPos;
+ x$ B6 i6 r3 ^0 I }7 F7 z7 _/ H- b" s. }# y% b
}& c s# w5 l- c, g% H# F9 {; q
; z; x& L; W0 Y( B! d" Kfunction hidetext(){
/ I, P8 c/ G- T5 t. q' Rif (document.all): j, y/ P' `' ?3 _9 z2 b
supertext.style.visibility="hidden"
2 z0 ?% i" d _! g1 i' I- Uelse if (document.layers)# U# M2 m4 [3 p7 w
document.supertext.visibility="hide"" x, A" Z9 ~& x# f
clearTimeout(animatetext)
/ M# F0 c5 U( h8 z/ S' _}- L# ]$ ]: n) _ L
* x4 L, w% ^& w {! Y0 a# wif (document.all||document.layers){: D8 j9 E u# `: ? c& s n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ r, ?- u! P; R7 s3 B: l% z
window.onload = initializeBall;
' h' T2 R r& B6 o1 ^1 D8 Nwindow.onresize = new Function("window.location.reload()");+ v4 J# Y9 d7 R
}# p7 w/ g, v$ L' D. T4 i# s9 }! q# J
! ~- U) |( j4 Q6 V- D; b
</script> |
|