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

|
网页之不断弹射的文字-特效
<style type="text/css">
1 l1 D1 M5 h, a- b" K. R, R0 }& b#supertext {0 G7 T) t4 v2 X6 b
position:absolute;! U$ S3 z8 [8 K# M5 H4 P0 o0 I* n
left:0;
; D9 z) m2 t/ H: ltop:0;, w3 k V* w; R0 i. M
visibility:hide;4 E* \" Z& F' i( j8 z
visibility:hidden;
5 e# ^4 P+ [+ A1 w/ V! u: f}4 L( e7 A7 v& d+ u& V" @
</style>
0 N% B1 T" X" a<script language="JavaScript1.2">0 s9 t# u1 b* k( O; B" Y1 [& F
<!-- 改变下的字体的大小。颜色-->
( Q/ B. W6 k/ O" J- \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 w b+ h! b5 v! T
var hidetimer='';
3 f& V' [7 S$ i% t# m \8 ~7 C<!-- 改变下的弹跳速度-->
% [! j7 y( f- @$ C0 L# |var BallSpeed = 20;% h4 S2 G( f9 D% @0 M3 _
var contentWidth;( U8 d X* F- ~, x. b7 ^+ ]: }
var contentHeight;
7 `: }' s! o& w# n" y" gvar maxBallSpeed = 50;
8 l }# B2 T9 b! Y+ Z9 R. Q" m) D4 G
" k' x' u& y0 A9 Z8 H6 Ovar xMax;0 X' r: p" R3 C% L
var yMax;' {) o/ l6 h5 |& B
var xPos = 0;
9 \5 p6 E5 ]& n+ z" Lvar yPos = 0;
2 p1 \/ U5 o. B4 r7 Uvar xDir = 'right';
, ]6 H6 |( x, n8 Svar yDir = 'down';. @+ F q7 k' F/ p5 f2 s3 H
var superballRunning = true;" C/ a2 e1 X# r, W
var tempBallSpeed;
. a+ A j$ c5 n& z" Gvar currentBallSrc;
5 _5 K& `; t& p0 {# qvar newXDir;
4 `, z+ p3 y j2 I; D- i* qvar newYDir;8 d8 O+ O1 y; J$ x
) U( E' |9 i7 |0 D6 C" L
function initializeBall() {
) e% Y2 l6 K; }4 _! o" f if (document.all) {2 g+ H" _) F- D* i! `: V, F
xMax = document.body.clientWidth
* B5 M4 U4 H+ w: N: q" |: F yMax = document.body.clientHeight
/ C! P5 W: ~( P: [, ^! n" | document.all("supertext").style.visibility = "visible";
9 Y1 T |/ A: X1 r. k# ]) E' ?0 U& i9 g contentWidth=supertext.offsetWidth
; B! }7 R$ g; h9 ^* w8 [# N contentHeight=supertext.offsetHeight2 Y* G Z1 c" b2 q/ @1 K2 n8 U
}
6 @6 g& D; m# A else if (document.layers) {
; P3 [; K' s) @$ c. x) a8 m: ] xMax = window.innerWidth;3 s& W+ i1 c! r2 k8 C- ^* a2 f+ \
yMax = window.innerHeight;
( t: N# P. \2 b: [: ~ contentWidth=document.supertext.document.width
7 ?7 b3 ~% O$ Q. L. |' x contentHeight=document.supertext.document.height
' ?$ Y+ w- d1 M! ]5 i2 k document.layers["supertext"].visibility = "show";' Z$ N% ~1 ^# \) P/ ^9 ~1 W
}
4 i( E8 A9 l; E2 { setTimeout('moveBall()',400);( Z5 U" U( q! i6 ]- K, @( Y
if (hidetimer!='')! Y4 z0 f. x1 B% x$ d m
setTimeout("hidetext()",hidetimer)
/ n ?" S, Y- x }, t2 W ^& {6 q4 a F
% Z- J# Y: `0 n9 R2 b3 Tfunction moveBall() {
I$ n7 V, n8 H9 v& }5 V if (superballRunning == true) {5 e2 E/ C) }. ~3 Q$ B
calculatePosition();
* B; K1 v; l' _: z if (document.all) { ]) w+ x3 i& h, s; }
document.all("supertext").style.left = xPos + document.body.scrollLeft;
: E( x+ m* d3 D6 x document.all("supertext").style.top = yPos + document.body.scrollTop;
9 q* u. g, o6 B3 G4 T }
# z+ ]( Q; v3 Q else if (document.layers) {
6 o! ` {, F# o! x( N+ z% B document.layers["supertext"].left = xPos + pageXOffset;0 _) t# `) P$ L3 w) F+ [$ C
document.layers["supertext"].top = yPos + pageYOffset;
0 q" a% v1 r( Z) C+ s" B }" O8 j* t% y. z, k& F! X
animatetext=setTimeout('moveBall()',20);& Z! |4 M7 m1 T$ b5 W
}6 }) X! n4 Z/ X" ?
}: I7 H! }. n' R/ [- j+ w; F H$ o
9 q% r! P7 p* {9 H+ kfunction calculatePosition() {
5 U. e5 G# O! g S! I5 I if (xDir == "right") {
+ V/ f7 c2 p* A( X if (xPos > (xMax - contentWidth - BallSpeed)) {2 n+ K; L4 F4 B$ I. T e
xDir = "left";6 ?* f5 N% Z) r) B* I1 X1 _
}# ?$ ]6 S2 o9 r# p
}
7 J+ W8 p) e. U# c, L# j( x else if (xDir == "left") {
" a$ p4 m7 b. }& i5 [ if (xPos < (0 + BallSpeed)) {
$ s- }& X( c4 z3 U xDir = "right";% G7 [# \% O# h4 e9 ^
}
* m5 s% y" m; T. l. W; _+ n }
9 M* Q+ f' r. d/ D if (yDir == "down") {
: j2 J/ M8 O3 h9 u0 h! q# J) w5 K if (yPos > (yMax - contentHeight - BallSpeed)) {
: i" ?3 i6 U1 Y2 {+ u, Q yDir = "up";
( s1 q# H% k& e/ k }
$ V" S" a4 {' P% R6 `$ j }
) I( J7 w% J' X! y" j else if (yDir == "up") {: h" b. Z, }+ v6 { } A
if (yPos < (0 + BallSpeed)) {
1 q) G. X% h) e2 k! I: F yDir = "down";" Y7 X! [; m6 P" M
}0 x; v) D/ p% C* f7 O& f
}
5 J; r. J; O( i, ~7 T7 E if (xDir == "right") {: i% p/ Z/ m2 _0 b
xPos = xPos + BallSpeed;
) f2 _: J) p# \% ?+ o: F }; k9 c1 \1 n0 ?
else if (xDir == "left") {+ ^7 n5 J1 ]$ `' W" e% q
xPos = xPos - BallSpeed;
' m5 b3 O% u0 j$ q. \2 T) }% R) { }
3 s: S+ P& s* x9 K- |# ~ else {
# [# D* x; B7 z l xPos = xPos;
9 D; E1 i' _0 E$ R1 w: h }8 L* w" ~0 i9 [8 _$ h4 X
if (yDir == "down") {
0 l' Q7 d' M- I6 ]- c: e yPos = yPos + BallSpeed;0 e5 `, T' G% n, i- q! D
}2 A/ V. _7 Z5 z( j0 p# u; v
else if (yDir == "up") {
/ q! [( M7 t5 T C4 j: m yPos = yPos - BallSpeed;3 w) r8 k6 j5 b1 K {
}0 t- z$ L; {/ \. ]5 \! v
else {
$ u- O& ]- y# U6 I5 x* |# J3 F3 w yPos = yPos;
3 `9 X! s: v2 W5 ` }$ {9 y' s" D! a% j
}: @6 s' @2 b7 B* ]
, {3 O1 r6 P' j4 \0 C1 D( i( ~function hidetext(){
+ m0 _9 i' ]8 N6 I- T# m$ Mif (document.all)$ k- c, M* [1 p R+ E
supertext.style.visibility="hidden"
% D% X! p1 [/ C9 X3 X$ {; r/ E% Kelse if (document.layers)
1 T- c# m4 Y+ M% s& k- Qdocument.supertext.visibility="hide"
( L A1 S- D% |1 G5 X! B xclearTimeout(animatetext)5 \, D( g) B' _2 X$ k0 a; F1 u
}1 P$ Z( L$ p' ]& C- }
! m9 p0 w$ M. mif (document.all||document.layers){1 `% C$ u" j8 d: g7 d" X6 n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), l" X% D( O& X
window.onload = initializeBall;
- Z. \& X) _5 u' E' H b; Gwindow.onresize = new Function("window.location.reload()");7 p0 e8 u4 v( ^5 j
}
. c1 p* C M8 D9 ^* ^3 a2 Z+ U$ Y( d! H8 J1 x! ?& C" F$ t
</script> |
|