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

|
网页之不断弹射的文字-特效
<style type="text/css">3 z0 y q6 |! f1 |
#supertext {
/ j M# _2 Q8 `- x. u, H2 ]/ H. fposition:absolute;
" y& Z8 H' R% t9 M4 oleft:0;. }2 ]$ ~& N7 I( a- h! |
top:0;
5 s3 Q$ W9 F4 {+ e, Zvisibility:hide;: v( t+ v, ^" u1 `' z. H1 q3 u
visibility:hidden;
% l7 Y6 L+ \, V3 o: b" Y; j}
3 I9 r2 l+ h4 ]8 i O: |</style>; |- O; M% k8 |! w8 i2 {
<script language="JavaScript1.2">
k; k, o y2 Q<!-- 改变下的字体的大小。颜色-->' ~$ v& U) d( e5 B: m0 d
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& v* `% l$ r9 G$ _3 j
var hidetimer='';
* C+ C, g. x6 Q0 q' R8 Z<!-- 改变下的弹跳速度-->
( R5 M( z* F, C7 S6 X8 kvar BallSpeed = 20;& m4 d7 H! n" R( m% a! H
var contentWidth;
9 Z4 ^' F4 k4 ?( x. c1 ]var contentHeight;
2 Q3 P( k' F6 D X( b$ wvar maxBallSpeed = 50;
' v1 {1 D3 x& u* Y0 c: p0 `0 U, R) k( s {
- }6 }! H5 R2 W) g; P, C" U, ?
var xMax;; z. C. G% h8 P. l& j* G: `
var yMax;9 e5 e/ p8 R8 M# |" z
var xPos = 0;- D) Q* e8 @4 _$ n
var yPos = 0;
# q! }) }; L5 b+ s3 _/ v/ X, ?7 ovar xDir = 'right';
9 C2 t* W8 V: z" z8 Yvar yDir = 'down';
$ l9 \/ |/ B' [; M3 x# Svar superballRunning = true;) |, o- Z$ d I' \% ?4 H- e* D8 R
var tempBallSpeed; [7 J( b. t3 m; r( T1 W( B
var currentBallSrc;; d7 ]& l5 |% R
var newXDir;
9 [# n1 L [- F2 F6 p* Lvar newYDir;
7 K4 |/ S3 [4 Q: o% n: X, Y# ^, [1 J/ ~9 s/ j; B8 h3 F( b
function initializeBall() {8 \4 F( Q3 s0 D, d! G
if (document.all) {+ ~0 A8 u; @9 l* t' `
xMax = document.body.clientWidth
' L% `. ?, H$ M4 i+ `* M yMax = document.body.clientHeight
{) s* @! Z, J4 b# e$ @ document.all("supertext").style.visibility = "visible";, M% ^/ ?/ S, r' U, v# \8 j- Q5 |5 m: b
contentWidth=supertext.offsetWidth
1 i' K3 \. B3 T8 S contentHeight=supertext.offsetHeight5 \) G4 W5 a1 y3 c: |
}- q+ A+ j" L/ }0 o# Z
else if (document.layers) {
8 F% P" V N4 d1 D2 W: q& E) g9 A$ V xMax = window.innerWidth;
9 M, P3 U! D% \ yMax = window.innerHeight;
& d/ o( ]' j$ ^' _5 V1 u contentWidth=document.supertext.document.width
! k" [6 X! N% x D" R* Y contentHeight=document.supertext.document.height
7 U$ X' d( H- a7 m document.layers["supertext"].visibility = "show";
Q3 ~. F, B( H4 C }
. s4 k9 n, e ^5 I1 z9 O setTimeout('moveBall()',400);
+ U" w) K& ^' [2 J if (hidetimer!='')# g! f* u' i1 o8 o3 V7 E* r5 y3 R
setTimeout("hidetext()",hidetimer)
* U `5 [7 x/ E- e$ N9 [4 J: u. v }! l. M: l8 ]% a/ i
2 }" o; m. }$ X8 S8 z8 y. i$ Q
function moveBall() {" f* O6 S0 {, n4 {7 G
if (superballRunning == true) {, U8 Q2 ^) k: M _: ~
calculatePosition();
1 R0 @' \- G2 I9 K' s; Q; s if (document.all) {! ~+ j- U; L( b2 e
document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 _- P! c8 C, G4 G# r document.all("supertext").style.top = yPos + document.body.scrollTop;5 _& t" Q6 H9 C- B0 E; j6 v
}8 ]/ x) M; d Y2 r5 I; ~
else if (document.layers) {% o" M; C V6 T" t1 C* L
document.layers["supertext"].left = xPos + pageXOffset;
6 g! S0 X( o3 Z* b document.layers["supertext"].top = yPos + pageYOffset;
1 z; ~- H- G7 @: I/ B7 V }7 q+ i4 Y0 ^* v! X
animatetext=setTimeout('moveBall()',20);1 q- W1 r7 r. L' g& Z
}
) {& e$ z' q# A F7 M }2 p; N' u- F j+ [: C
! ~" z0 R" {! x$ o' H
function calculatePosition() {1 V7 N& O* }0 m
if (xDir == "right") {4 j% Y) `3 K7 j3 F* D
if (xPos > (xMax - contentWidth - BallSpeed)) {
0 x8 F5 v. ^+ n xDir = "left";
- c6 z2 N) N3 L# G; F; W }
! p' t9 I7 k. y }
' P9 H$ J, r) q# T% |7 n else if (xDir == "left") {0 t) ]' P+ G# V. s
if (xPos < (0 + BallSpeed)) {
" `' L2 q( B L# i! Y) s: X xDir = "right";' B. K5 X( o$ ]* g/ M3 P5 a
}
: C5 Q) K! Y; U' f3 g( N }
3 T) R8 D: O7 u0 c- K% P if (yDir == "down") {
3 w6 w5 s+ E' f2 {1 k if (yPos > (yMax - contentHeight - BallSpeed)) {; M' d6 r1 \1 w# F# n5 G" s; }: l* j
yDir = "up";
1 T' n- @% `- }7 |8 m8 x }
5 `% j: m- G9 c: K9 B* H% {# u) ^ }
4 T9 r' x* {% {; m( P1 Y else if (yDir == "up") {% ]+ W) b4 r( M! o
if (yPos < (0 + BallSpeed)) { c# h" n/ d9 N6 ~0 a' K
yDir = "down";8 \+ ]9 B Y/ ]% ^ B+ B
}
2 |3 W u) N& j1 p' B- z8 J }* w( }; w* E- Q' E4 t, } q: C
if (xDir == "right") {
- k6 ^) E2 s0 w4 p3 W xPos = xPos + BallSpeed;
$ m: {' N) c$ A" a9 ~4 r' P }
* L" Q5 |& v% Y* P" H+ D9 E else if (xDir == "left") {5 z: W" ` O j5 Q3 L4 _- o
xPos = xPos - BallSpeed;
' U9 I$ I4 H+ p+ h9 ? ~8 B }% H) A4 n" r4 O9 t$ M! m# t
else {
; N" |" f% }; O xPos = xPos;
$ Y; ^; ]) R0 m$ I' W' [( W }
$ L1 q+ b: U$ ]: F, U* _8 D7 w if (yDir == "down") {& n8 ~6 i \& t* ?* w1 q
yPos = yPos + BallSpeed;: y" u( D$ j% n7 R* {9 D) h. r% V1 X
}: z! Q) A- T1 \: L& }: q
else if (yDir == "up") {: I8 }( @, r1 _
yPos = yPos - BallSpeed;
( a; k9 d+ E2 T& D1 d) y }
# p6 _+ E/ r! Q( w4 N' T, e7 ` else {$ W' q, B! S7 b$ e1 K% o
yPos = yPos;, E1 f5 e _& _2 g5 n
}
8 j* O- Z+ O, W }/ z' x% b0 |" o
0 y5 g c0 U. y% l9 y0 n6 L& n! H
function hidetext(){& g: F# c! [+ L( x7 r+ t
if (document.all) O' c5 s' b( ?# e8 N, \
supertext.style.visibility="hidden": Z( ^1 P8 W) S+ v
else if (document.layers)
4 o7 n4 K5 z* K. G& E6 ^; zdocument.supertext.visibility="hide"
$ }5 o/ ^, l8 G! b9 X7 ^6 uclearTimeout(animatetext)
2 V+ D/ [7 D7 E a}8 c- a% @( R. n8 o, I$ A6 P A/ {, ~
& U% ?# R7 V1 R) @if (document.all||document.layers){% `5 d: R$ e3 J, x5 ?1 H+ \$ o9 V8 i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* Z& P' R; y4 ^' l* Ywindow.onload = initializeBall;3 O5 ~) \7 o/ |+ D
window.onresize = new Function("window.location.reload()");
2 x* H. |) S/ G* k1 n( P W s}
+ K3 @4 C2 H% {0 A' |
0 g8 `. q6 A( W</script> |
|