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

|
网页之不断弹射的文字-特效
<style type="text/css"># U( r W/ Z# u- {3 q8 k1 Q
#supertext {' W3 P5 W, z3 f3 F9 l
position:absolute;+ r" T# Q9 }/ j) ~" \! Z9 H5 B! ~3 Q
left:0;
3 W5 @+ C) _: n' J0 F |5 mtop:0;
- S5 q7 ?9 P3 X& }/ |visibility:hide;* i# E% f8 _7 ]8 u
visibility:hidden;' B/ R! G5 i( m3 g" @' X5 L
}
- t' f/ |1 j5 r% \2 P</style>+ O2 [: ]! c; p' Y
<script language="JavaScript1.2">9 L3 t1 S% N: ~) r
<!-- 改变下的字体的大小。颜色-->1 x9 P8 H _) m1 v; ~ D- l6 o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. k- T8 k9 r$ Z5 {! Q
var hidetimer='';6 b6 Z4 ]9 A5 ^+ ]( K, B I
<!-- 改变下的弹跳速度-->9 \ C9 B7 @$ l( W5 Y
var BallSpeed = 20;8 J* [ l& i: A8 |) N( d
var contentWidth;7 G' J2 h* R0 C
var contentHeight;0 v" C4 _1 s; Q) V3 s
var maxBallSpeed = 50;
: U- N8 m+ r! k/ O$ y) O8 F- r) v, b' L! D2 U4 w
7 z7 g" }: A, u- N; Fvar xMax;$ H7 \0 I6 n9 g
var yMax;
7 n! _6 t1 p2 \$ o# a1 s6 s8 n3 pvar xPos = 0;1 n% M h' U2 t. b, G) n0 @" t. D' {
var yPos = 0;9 {0 N: v+ U9 w
var xDir = 'right';
' z( C8 h5 l' O7 |var yDir = 'down';) ^% @6 ^% D o% A+ r
var superballRunning = true;
$ w5 o# {1 g O% y% uvar tempBallSpeed;
8 |$ O- c6 h+ E$ u4 Rvar currentBallSrc;; t! O; C2 A, h3 w1 W! G$ S# R
var newXDir;
+ s! e F0 ]) q8 H& Gvar newYDir;6 u7 y5 x9 I( [' C# V/ \& d
5 T% E8 u# O! Yfunction initializeBall() {
) U6 d E. Z3 D3 Y if (document.all) {
" D! O: K: x' Y. s' F/ f xMax = document.body.clientWidth
o, X* v; p- N( k) ?5 n yMax = document.body.clientHeight
1 X. _7 Q8 z1 s5 f1 E9 _, M' j O7 k document.all("supertext").style.visibility = "visible";
0 X: z; B- |- ^; ~; x3 \- d contentWidth=supertext.offsetWidth
! q8 n v7 b) s+ [* e( s3 h6 c contentHeight=supertext.offsetHeight/ N4 s# z/ L1 y2 a: u5 C, j( V
}
, W4 _: P) O% S% | else if (document.layers) {
, x, Z2 o' R* X7 m9 ] xMax = window.innerWidth;
; k A3 L) [" q" P4 O yMax = window.innerHeight;
- [8 g( v v$ M( e contentWidth=document.supertext.document.width
7 q) o! d" c# _8 F" K9 E contentHeight=document.supertext.document.height
% n+ ?" @: x6 ~) i document.layers["supertext"].visibility = "show";8 b2 { m3 A2 [; i# k/ O8 q. o
}
% o* A8 g. k2 B( \/ Q+ D5 t setTimeout('moveBall()',400);( g6 L+ V; ^3 C* a/ e
if (hidetimer!='')
0 o# B5 w8 N h' |0 w# D setTimeout("hidetext()",hidetimer)
; G- a6 n, k2 m5 c" X3 ~5 j5 F* N }) ^6 N: a% j& d- f% }8 A
2 C; G# w+ K5 Y9 Q: q, u5 S5 lfunction moveBall() {
" n/ e+ _9 e8 I if (superballRunning == true) {
8 W' q1 {* s4 `- l* `, a calculatePosition();) t$ [6 |( y4 z# j+ F$ Y
if (document.all) {5 {' q( i2 }' E& x" S6 @
document.all("supertext").style.left = xPos + document.body.scrollLeft;
) `' l" y1 Y5 a H& [: `* s, p document.all("supertext").style.top = yPos + document.body.scrollTop;
2 M6 Z1 o& j& Q" x* A. V }
' c( m: O W2 q" L( m1 ^! L$ E# x else if (document.layers) {
6 S* C/ ~4 v. E1 H& H document.layers["supertext"].left = xPos + pageXOffset;7 Q3 \! K5 S3 f7 O' F5 f: i; y S
document.layers["supertext"].top = yPos + pageYOffset;
- v7 Q8 k( _6 W' p0 q: | }( _' f% k' _- w2 j5 W1 w5 x q5 ]
animatetext=setTimeout('moveBall()',20);
H5 c8 [! n% W G" W }3 `; ~9 ]; I, i9 e) Y! Y* K0 U: ]% T
}
7 ^. G% U+ O$ @6 X6 C+ B, D0 f/ V! P6 E- ]4 o! s# J5 R
function calculatePosition() {
0 Y! H N1 v; J) X3 c+ N3 c" l& ~ if (xDir == "right") {
' }% S% B1 P- \3 M3 p4 n- v0 E if (xPos > (xMax - contentWidth - BallSpeed)) {
7 N% M6 ^1 v/ q, M) Y xDir = "left";
k1 W0 E5 l; D }
3 q8 [: }) c; O% v }
1 b; j3 J* n2 Y5 j1 P# ?' x else if (xDir == "left") {
5 a$ M5 S( ]4 ~: n, v* O( S if (xPos < (0 + BallSpeed)) {* M" [( m6 E: P8 @ @; O
xDir = "right";
$ y! k/ G" c3 A( K }
$ x* p4 D. V! B; _ }
1 a4 y) ~1 ^& G. s if (yDir == "down") {
O% O9 Q* U: e1 L if (yPos > (yMax - contentHeight - BallSpeed)) {; \1 P. x7 S- h8 r
yDir = "up";
( c3 M' [% t: q, G: O- } }+ P" P, @! W/ b9 Q5 R
}7 g. ~4 J) Q0 c" q/ ]; g$ x- u
else if (yDir == "up") {
6 x5 u2 ~ c1 ~( w' I4 k if (yPos < (0 + BallSpeed)) {
; n$ m3 L! d- `! h c: C0 @! H" @ yDir = "down";, C+ a- P8 a7 `$ A- j
}+ G* z. t0 ~* I4 K1 s5 _; K! u" \' T
}1 b- ~- c! ?6 }! @
if (xDir == "right") {6 q8 s' f. `6 Q
xPos = xPos + BallSpeed;
) H+ u* f; M; F }, @8 y8 ~; Z) m/ z. ]' \
else if (xDir == "left") {
' k' k, k+ q8 \0 } xPos = xPos - BallSpeed;$ J/ k( g$ i% ]; B* l: u
}5 l i- w1 B* g$ [0 K
else {
6 ~1 ~, P; V& ^! w xPos = xPos;
: u8 u& I* ^/ N. i }
3 v6 ?# X3 A" r) ^7 [& x. a6 m if (yDir == "down") {* w5 M. ]8 C y" h+ J ?/ L
yPos = yPos + BallSpeed;
5 z4 Z! d7 p6 i! {: E/ d }% [0 @+ C) \, H5 T7 p: ?
else if (yDir == "up") {
5 G- c$ v0 }) G! N1 R yPos = yPos - BallSpeed;
8 L3 x* O, E6 t; Y; n }; Z1 | }4 Z4 y
else {
2 x$ y5 g6 o `/ x1 R) D yPos = yPos;
! U# F# M, e- U+ e) Q }" Z9 O4 f( r& |7 E- S
}2 @, h/ c5 W) ]# f$ c
9 \! p8 \. t7 S& P8 V3 w5 u9 M! Dfunction hidetext(){* Y1 V1 L7 j1 K! q
if (document.all)3 G2 v" ^5 S, I# C! B- e
supertext.style.visibility="hidden"! U. W$ s; v1 g! S
else if (document.layers)
' |0 o* F' b6 ^3 P8 i& sdocument.supertext.visibility="hide"
' C# l+ }: ?" x1 KclearTimeout(animatetext)
: M' F) r! I9 p}
* [# `. P+ \7 T! k1 n1 v0 O
9 }1 h( x2 A( h7 {: L( eif (document.all||document.layers){) d3 D. a7 g$ i( H5 f! ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 ^0 V2 F: U* g4 R* I- |
window.onload = initializeBall;8 \1 u& j+ {% ^/ z2 _7 @
window.onresize = new Function("window.location.reload()");) t, B4 S' W* G/ h
}3 D" E9 y! G( V6 L8 g. ~
; y$ H* e& r- i; O. @: x
</script> |
|