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

|
网页之不断弹射的文字-特效
<style type="text/css">
1 |7 o5 |7 v( l#supertext {
0 z! }% |% o0 }* U* M+ n( Uposition:absolute;/ u/ C" i, [& {! f- N: l5 ^
left:0;
6 \9 R. H+ c) y3 W* E3 C0 ^; P7 htop:0;
W' H: K$ B9 T1 o o/ pvisibility:hide;
+ Z8 f7 I2 z! Pvisibility:hidden;3 z* M5 ~9 ?# K
}+ o$ h( F; u+ u+ i; ^3 Y
</style>2 K, B. b8 S3 _ ?8 m& l
<script language="JavaScript1.2">
# u, |- O# e' c$ d<!-- 改变下的字体的大小。颜色-->4 [" z& G3 {' A- F$ e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ v. e; p$ \9 M4 Y5 l) w& yvar hidetimer='';) n1 f T/ t5 C
<!-- 改变下的弹跳速度-->
# x( ]: c/ K8 ~4 rvar BallSpeed = 20;
- i( {2 l# v6 G4 ~+ lvar contentWidth;
3 B( }" y" g( q8 P8 h5 ivar contentHeight;
6 U+ n9 y( `3 H5 S# dvar maxBallSpeed = 50;
0 z8 m" i1 @4 F6 A& L2 O; j/ {0 c
5 |6 d- F( S4 d" O! Vvar xMax;, I7 d9 w/ n/ X( O( z
var yMax;: H+ r0 l z! _2 M9 i! A
var xPos = 0;4 s" P' M" P; E6 l
var yPos = 0;
' y H' L2 |9 X/ F& ~7 [7 ]) `var xDir = 'right';; ]7 w1 G2 h# v# @& T
var yDir = 'down';6 }8 v7 m; [2 ^' `' h% B/ `- _/ v2 g' j
var superballRunning = true;
4 L0 K2 A* K/ x/ qvar tempBallSpeed;$ H: [' o8 _4 J, t2 j4 H! T
var currentBallSrc;
& Q- I4 A: x. t* Mvar newXDir;% I1 } ^2 n! j) Q/ X. m+ O
var newYDir;* r3 z5 X6 F% V
; j# W4 {+ x5 l( I7 y5 `function initializeBall() {; j0 z1 h b. y2 u8 ~% M# @
if (document.all) {& ~% _% c8 V! j! G' C
xMax = document.body.clientWidth5 p6 Z) G& n4 I5 W( s6 k3 A) Y
yMax = document.body.clientHeight F2 X' R6 G: N% w8 Q+ e& x
document.all("supertext").style.visibility = "visible";
: `' v9 N2 s2 ^( D5 Q" a1 v contentWidth=supertext.offsetWidth! k; o7 A! ^, Q2 J% L C
contentHeight=supertext.offsetHeight9 f; K+ K5 ?- P$ D* o7 S0 t' x
}
" B" F2 j! l# w1 z; [; k else if (document.layers) {
' P* P' ^9 P5 d z! M6 m xMax = window.innerWidth;. O8 x: N& E; w9 G7 z9 f4 B) _- N
yMax = window.innerHeight;
1 D6 a0 ^ ~5 ?4 }* S contentWidth=document.supertext.document.width
# [, M# j/ Q* A& o4 B' E contentHeight=document.supertext.document.height' a9 V+ H' P! J$ | }) O9 E# ^
document.layers["supertext"].visibility = "show";
' {9 O) Q( v v) n* k# c! u3 O! x5 H% R }: j$ W0 }+ h! `6 ?
setTimeout('moveBall()',400);
( q: l6 m& R* Q# I9 [& J. J if (hidetimer!='')
" G ]: L% c/ y* E setTimeout("hidetext()",hidetimer)
6 q( b# Z- A* R9 h; m }
! Z1 J1 M) v* F3 |, h, y" i" B7 Y/ N/ E$ k8 f0 A
function moveBall() {
5 i. N+ M3 ^' W+ H4 M5 O$ I& B* g" O7 K if (superballRunning == true) {6 ~: `, {/ ^+ [
calculatePosition();* ?; `% S: m/ C2 ^3 @ P# k" q
if (document.all) {
5 y& {* ^& k# b5 \7 Z9 S' Z9 N3 ? document.all("supertext").style.left = xPos + document.body.scrollLeft;
( l2 T) O6 M% E/ Q* A4 {# q document.all("supertext").style.top = yPos + document.body.scrollTop;7 F: @$ _1 L* P& C# I! f* |
}
, O) i% U6 q# P( n& [6 ?( q5 n else if (document.layers) {
6 n r# Y/ o. n+ Q) X document.layers["supertext"].left = xPos + pageXOffset;1 W% i6 N6 z1 J; s8 \3 j
document.layers["supertext"].top = yPos + pageYOffset;
# `- C" C, i \: D6 W }
! x" f! `6 v9 f* G+ F2 R animatetext=setTimeout('moveBall()',20);' a& {% @5 l" T
}! D6 V% |! C2 Y( M
}
3 K% J1 P$ D/ P1 c0 f+ ?: ]- m4 e: n ^) c" R% U) o
function calculatePosition() {- Q) B2 ~" _# k
if (xDir == "right") {/ W5 B2 D# r! N+ _
if (xPos > (xMax - contentWidth - BallSpeed)) {2 ^3 u8 V2 N$ E) T/ u1 C& H8 L! s
xDir = "left";8 F3 h, P, q( h; H2 I
}
) H7 U+ l3 c4 S, z }
4 C& I! h7 K, M; @ r* `0 h else if (xDir == "left") {/ Y9 ^: Q) ^9 G2 }) z1 G
if (xPos < (0 + BallSpeed)) {
8 T+ X& p8 b+ C xDir = "right";
+ R% F' s6 q* J) S1 ?- y) Z3 P& M }
0 d. l; s p1 r( c/ J( b }) _( N% }4 h1 R
if (yDir == "down") {% N6 E j* q' f
if (yPos > (yMax - contentHeight - BallSpeed)) {
/ H( S# s$ f5 K3 Z0 o+ O; l$ t yDir = "up";
+ s% j4 N ^& s' k( n& X4 G }
. Q& _' a. F( j& I# X' l% e, h }
! P5 Z/ n5 u' K) e2 @. P# u9 y else if (yDir == "up") {
{$ [& }: y4 j: n: y4 Q9 G! p1 y; ? if (yPos < (0 + BallSpeed)) {
/ v# w' e- X; K# q: l; r yDir = "down";' L) H' h4 t9 H
}2 {% ~* [2 y; M
}
- z3 {) L/ {( m% ` if (xDir == "right") {% t" g3 K) U, @ s* C
xPos = xPos + BallSpeed;& F ? Z/ u4 n" N3 E& A
}/ m! T& g- W z* V9 r
else if (xDir == "left") { g0 h; ^: Q4 p+ O: `5 A% d& j, Q, c
xPos = xPos - BallSpeed;0 e: Z& Q2 y; ~3 H* n
} H, {9 l/ F- l# a1 {" d
else {3 l! r, M. B" _9 P E- H% F
xPos = xPos;$ w/ e9 S- s6 C
}
8 Q7 D: V- q }+ n8 h if (yDir == "down") {. f1 l8 u3 W* { T$ N# [( Z4 C
yPos = yPos + BallSpeed;9 j" ~5 U Z, K9 v8 c
}1 H/ {" G! ^$ O5 H# c% I$ J3 C
else if (yDir == "up") {
4 F" c. ~6 R; @* A" o, j! f$ H yPos = yPos - BallSpeed;
2 W0 ]. O6 b2 c9 ^- s; r+ M }
& [3 b( W8 h6 K8 ^ else {
' R4 ?$ P: ^! O& W yPos = yPos;
7 |1 |9 Y) `5 p }; E; h- r* L/ w: W
}; f8 _' v. N- X3 H% s }
0 ~( |% w' s4 ]+ {/ A' xfunction hidetext(){
6 T, E/ d9 N9 `: f+ ^6 E* o# P/ Eif (document.all)% _, f, \7 h U
supertext.style.visibility="hidden"
( G6 V3 U5 t' [# e9 F) yelse if (document.layers)
1 x3 b6 B2 d5 p0 @1 a& |9 X- V. Vdocument.supertext.visibility="hide"
( v' `. R, h: oclearTimeout(animatetext)
1 n& h9 H |; I8 z w6 P3 F}2 X6 O Y# p0 ]. n/ p& H# \" e
) \% ? \5 T7 l1 ?7 ^* V
if (document.all||document.layers){$ N+ X( f. L6 \0 y& I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 B# Q. z6 J Z% C, ?window.onload = initializeBall;
% d' g0 B3 a0 N) ^window.onresize = new Function("window.location.reload()");
! o# v) ]8 C, e' W# J}
2 y9 n: H: J `* I" g) |: A1 U$ C
' \- Q* G' F+ M3 E2 u4 D! M</script> |
|