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

|
网页之不断弹射的文字-特效
<style type="text/css">& F8 B1 A7 ]% O8 H! k
#supertext {
6 r& x5 L' l( G* Fposition:absolute;
! y' D- c( S+ A. ~left:0; d2 r% x0 j5 X; F1 Z
top:0;
2 }# {& m" Z+ s& `2 z7 ?) zvisibility:hide;
- w$ Z- k* ?1 }! ^( @visibility:hidden;. i+ x. i/ t$ ?7 u; {9 d# a
}
7 i3 P+ k' j3 }3 Y, D2 n; [</style>9 N" E4 S: ^1 E
<script language="JavaScript1.2">. a2 T5 C! N, r& P% C J; G
<!-- 改变下的字体的大小。颜色-->3 y. L$ a) Y1 t: {+ c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* e0 C5 B9 N2 L2 f3 V2 ^3 v+ T
var hidetimer='';6 |( ~" ~0 x8 n* E* L
<!-- 改变下的弹跳速度-->
4 N8 ?& u/ i. Vvar BallSpeed = 20;5 {0 \' p2 u$ Z& b2 J: o; p( g$ R+ e# l: w
var contentWidth;7 c z7 X+ o/ ~
var contentHeight;, Y( F1 a @2 S* p) V
var maxBallSpeed = 50;4 Y) j1 U3 I( c
9 }! a8 h3 x0 K. i* M* s+ W7 j. Y# U- R5 I) D0 w
var xMax;+ p! \" ^& f8 B, N
var yMax;
+ h1 o8 e- C, o5 x: d/ n5 nvar xPos = 0;/ Y3 \2 @# \& e4 t! _5 s" r) p6 K
var yPos = 0;
) X/ @; m6 ~( [, f* n" avar xDir = 'right';& T2 @1 a) k, t" p
var yDir = 'down';
- W$ v4 X" P* d1 Ovar superballRunning = true;, h5 R; |9 M V# l" y3 ?
var tempBallSpeed;7 c9 _& I; I+ x$ l& l, F
var currentBallSrc;2 F; \) {5 H4 s8 E ]
var newXDir; T# o) D4 i; h5 h
var newYDir;
/ s& @; J6 V f) K9 \; f( X4 B# y% ~6 f# K6 X" [$ |+ i8 i
function initializeBall() {
2 A! g! c) j5 r Y3 }4 P if (document.all) {% d* p$ ^: y+ J% J' q. S
xMax = document.body.clientWidth
, B0 r9 Q6 v; V8 j9 B& E9 Q yMax = document.body.clientHeight- a; i" R9 y8 P6 f* m
document.all("supertext").style.visibility = "visible";
% w% s" N% C# P6 ^ contentWidth=supertext.offsetWidth: D! r. W; C- t7 ?- F. w) Z- n- J
contentHeight=supertext.offsetHeight
. U- A6 ]2 ~; {8 `1 Q2 C" G' m3 s" V }
# l) B1 W( F' L7 H/ h$ A4 J1 v else if (document.layers) {( B. G) j+ l+ i7 R
xMax = window.innerWidth;4 D$ k1 ^. k' G7 c W# d7 z& w. ~
yMax = window.innerHeight;
! p8 V% o4 a- z1 }8 B2 b& _+ @) P; H3 ~ contentWidth=document.supertext.document.width
2 t0 w, r7 c- |3 r* b4 M' j7 a8 Y) h0 p H contentHeight=document.supertext.document.height
7 |! I- ^3 ?3 u% _ document.layers["supertext"].visibility = "show";
4 E3 c; y7 \ \8 c/ p$ d' \ }
) V" j0 }# w+ F4 z( M$ r setTimeout('moveBall()',400);
: O5 R& R; Y) _0 Z$ d9 { if (hidetimer!='')
1 h, v9 @* l7 d V. ~ setTimeout("hidetext()",hidetimer)& C! q! k# u# v% w( f
}
1 T( s. Q7 ?, J: J& b; z( l9 w4 G
: z# l) H# E) P, G$ mfunction moveBall() {
% e4 p! u8 q" z1 V' ?4 k2 ^ if (superballRunning == true) {
/ i& x# I1 Y6 G calculatePosition();
: N& F7 I5 [( V if (document.all) {
6 s3 ~' ^2 S1 R( y/ U3 u0 x document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 T1 C; S# B7 m: ~; n document.all("supertext").style.top = yPos + document.body.scrollTop;! E1 c& i; o8 x, D% @
}0 P+ B. c- a- J y; R3 }$ [
else if (document.layers) {
- v! P$ b, ~8 f document.layers["supertext"].left = xPos + pageXOffset;/ U4 }5 C% l! C% ]- W$ r+ G' n
document.layers["supertext"].top = yPos + pageYOffset;
5 l/ U$ x% E! ?* c2 \. N }
0 }# T/ ?7 f2 {9 _ animatetext=setTimeout('moveBall()',20);$ g+ J9 z3 W, U b
}8 K) z# D% z( g8 F( a( l/ w
}2 b8 J- l9 a& ]8 B
3 B* j+ ]) C7 p& p
function calculatePosition() {: I, y4 l3 [3 D( d" e5 ^
if (xDir == "right") {* u h6 f9 L# G- `& k
if (xPos > (xMax - contentWidth - BallSpeed)) {& g5 P1 \' \- ` K+ m; E* E: L& O, {
xDir = "left";
1 w' ?: y/ ^; b4 v }
0 ]3 k( Q3 I U |4 u }2 T! U4 [1 b' L" g/ c; _
else if (xDir == "left") {
3 V3 m: @9 [. P# K @5 I if (xPos < (0 + BallSpeed)) {* M1 z+ l& X1 U3 Z$ ? d/ d
xDir = "right";4 t4 J/ q& ?9 ]) {
}2 `( x! O; Z8 h; h4 d7 X4 n
}$ X* a5 u; |6 B% |
if (yDir == "down") {! Y5 Z# X, T7 L
if (yPos > (yMax - contentHeight - BallSpeed)) {
4 c' y5 V2 J" X& S yDir = "up";
* B% Z; L0 H( }: ^8 I0 t, Y7 N+ U }9 h o; M5 Q5 Q% _; v
}8 v6 A# ]; k% |3 A! z9 K
else if (yDir == "up") {2 l+ Y8 J3 Y R6 q5 d
if (yPos < (0 + BallSpeed)) {9 P/ K4 X- h* M0 b
yDir = "down";
6 u( a# ^) D! T/ @ }, K5 z, U; X: T- j) F
}% R4 D4 m8 a+ l* ^, f% W8 }
if (xDir == "right") {
! ?0 l E8 `, Q* ~9 | xPos = xPos + BallSpeed;! l( l% h! E$ V# V/ o
}
0 i' ^4 c$ Y. I/ J( W! }) h else if (xDir == "left") {- I* ]) x" F4 @" S/ M
xPos = xPos - BallSpeed;. ?, H- \$ [7 Q
}; z% x+ B; I& `# c
else {2 S/ a y: X5 s2 C/ ]1 N; W$ o$ a
xPos = xPos;
6 a/ Q+ F9 e$ @6 X6 C }% I6 A6 x* ]! I. W' A/ z
if (yDir == "down") {
8 P" g3 l5 ?9 g6 H yPos = yPos + BallSpeed;/ ?/ C2 u! e/ J- t' m# B- [+ Z0 b
}
: O8 @4 l& n3 P4 b. M) ] else if (yDir == "up") {
; r [. w1 u) ~ yPos = yPos - BallSpeed;% { R6 O! `7 f( n( ]; m
}8 @6 \1 F6 ^/ u$ k% y, \
else {
/ r/ S% ?4 E. } yPos = yPos;
& D) A0 r$ d/ q/ U }
9 N$ _1 c2 ~& u1 U) ? }, Y5 I9 e* g( ^2 e; B9 N
5 i& Q- S+ A) ]. B* ?: Cfunction hidetext(){. ]: Y- u# f- |9 c
if (document.all); f n) _7 O. M- B& h3 ^2 r7 S7 F, D
supertext.style.visibility="hidden"
5 ?3 |& Q9 H; |else if (document.layers)
5 l4 l; U$ U) q8 ?$ `# w0 odocument.supertext.visibility="hide"
* o O7 {/ f# {# zclearTimeout(animatetext)
5 @% k' V. y6 P S- Y5 v}; n6 {7 r6 J- z7 W
- ]0 Z3 [ W6 D- r# ` x' }
if (document.all||document.layers){
* w; r& \7 O2 A* ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. g2 F3 R% ]$ p" z3 J; j. Vwindow.onload = initializeBall;
' m8 g. b/ U G% U# Y" @* Zwindow.onresize = new Function("window.location.reload()");
3 f8 y/ ?0 }8 b0 \% p}
+ L! e* Z8 d \$ Q+ m8 [
/ |- W, Y2 w# O& a+ Y</script> |
|