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

|
网页之不断弹射的文字-特效
<style type="text/css">/ W5 S. w6 ?8 z" R5 \
#supertext {
' v$ g! {1 o- O7 }$ {# K. p0 Uposition:absolute;& X7 R1 d) W2 ]
left:0;
+ ]( u( p7 L2 j3 s* m: _' A+ r2 otop:0; L# q; w+ A0 S- P
visibility:hide; ~8 |: G+ b) v9 Z, Q+ j' [& ]. Z
visibility:hidden;
2 o x% W, W( j( p0 A+ ^0 o8 F+ ?}
' Q$ G& Y. v- Y4 U</style>
- M; U$ O+ L5 T: i1 m5 Q<script language="JavaScript1.2">% ?6 H" C) b* j" |5 @" `
<!-- 改变下的字体的大小。颜色--># x4 ~# B5 p: ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 T1 k: ^- Q6 y6 s% ` N9 u9 T4 P
var hidetimer='';, ~. ~ P. N1 S# m# _+ } l
<!-- 改变下的弹跳速度-->" \1 G( m* l0 R$ f5 ^4 i
var BallSpeed = 20;8 g' A) c8 e9 N# q H6 J5 a
var contentWidth;
6 L6 G' A0 n+ T; n0 _/ f# qvar contentHeight;
6 G: _7 W& F3 e4 svar maxBallSpeed = 50;6 y" ~7 b2 A! U: h$ Q/ b$ P
# L% h) q% w1 h; @* Q6 O( }3 ^
; T/ L* F" T4 s7 ~% \" T9 V5 k7 p
var xMax;; z, p0 |; k7 S S0 Z" [# a" M+ F# s
var yMax;
8 G. L7 C, G1 jvar xPos = 0;
+ H( Z/ ?0 ^* T2 F: Xvar yPos = 0;! A* t' H! y" N7 y/ C* W N& ^9 f4 V
var xDir = 'right';; W: J8 U7 B% S, d; n; @. e
var yDir = 'down';
* K8 V+ } Q" w3 j2 x3 Q6 P; tvar superballRunning = true;& a& h V- q& G: `" X' z5 A8 n. N9 B4 T
var tempBallSpeed;3 z8 o1 D8 f' w) l4 e
var currentBallSrc;* g4 r" D8 S6 w
var newXDir;
5 H6 O+ X6 B: j' N" ^var newYDir;4 y# {0 |3 I+ Q
" A0 w$ h8 b) ^2 F& {" \1 F Y
function initializeBall() {
3 f; l4 M( Y! w if (document.all) {
7 c& ~0 k, J$ S" a xMax = document.body.clientWidth
: x( d C3 }+ i2 L6 F, G yMax = document.body.clientHeight
# A+ E- {) f& j7 h3 k* q2 Y# P document.all("supertext").style.visibility = "visible";9 Z3 D0 s+ d$ ?* J0 W6 v) f7 `* ]
contentWidth=supertext.offsetWidth
/ q- ]. L% {0 ~3 l$ U, q contentHeight=supertext.offsetHeight% [* v, Z p1 T9 H% F% V+ K+ S2 Q2 p0 |
}. u7 L4 f% m6 c1 K( r
else if (document.layers) {
5 E) L! F3 a, j7 d7 {) p* z/ ?) H+ q xMax = window.innerWidth;7 M5 M, Q5 g6 ]/ g
yMax = window.innerHeight;9 j, J3 S1 s, w: P* G3 M
contentWidth=document.supertext.document.width& X2 l# J: [7 p" O" L; ~7 S5 B
contentHeight=document.supertext.document.height# K# E- e O" h6 ]
document.layers["supertext"].visibility = "show";
' f3 o- d r( G" ^" x+ m }
& G- t2 Q* j5 ?+ k setTimeout('moveBall()',400); ^5 l- L; p+ N, S
if (hidetimer!='')
3 R- l/ @' I- m6 C# H0 T* [ setTimeout("hidetext()",hidetimer)3 w1 n" f: O3 M. ?* V- T8 k
}" u- ~7 U! J. Q. J/ h
, g* |; q0 B, j( {$ B, }6 `function moveBall() {9 O M% K" y9 S. Y
if (superballRunning == true) {: J/ T, B: j$ G4 L+ E, G
calculatePosition();
, t0 ^$ ~1 j" D% F* ` if (document.all) {
1 E& q* |6 O8 Q- e5 p document.all("supertext").style.left = xPos + document.body.scrollLeft;4 b, ]) M' ^. C) Q+ y8 b$ t
document.all("supertext").style.top = yPos + document.body.scrollTop;
3 x( _& T1 \6 K: h }
9 H: P9 }! J; n: T else if (document.layers) {5 P( l% ?# J/ m) b
document.layers["supertext"].left = xPos + pageXOffset;6 T/ @/ r3 B/ t+ x
document.layers["supertext"].top = yPos + pageYOffset;' ~4 w/ g$ f* z9 p' Q U$ r+ F
}: X% c. `; F0 @2 ]7 t
animatetext=setTimeout('moveBall()',20);
' r4 a( j$ K, U. Q }- d5 P, C3 a# P( s4 l4 ]) w) n
}$ C$ T- x7 k# m3 r |# U" J p$ Y
4 ~# O% e m* }) P- [& D9 ]function calculatePosition() {
' x2 H" Y# { c* d if (xDir == "right") {
# r8 \; m, y4 M6 x if (xPos > (xMax - contentWidth - BallSpeed)) {
3 H1 I& B' @2 Z/ a1 E* j xDir = "left";
, z% {- ]* P1 z c }
! X0 |5 B/ A+ X, V+ ]* G }! I/ _7 s# ?/ L. N+ [' ~6 g
else if (xDir == "left") {4 Y7 W4 Z- l+ \9 z+ M7 F- x& \& D
if (xPos < (0 + BallSpeed)) {* x7 v) g4 u/ @9 V1 n6 t9 S5 Z1 `
xDir = "right";
: O' Z7 ^' r1 V1 v }
0 I: g+ W$ S6 X }, o. }( y& Q9 m: q$ U3 Z4 O
if (yDir == "down") {- B9 L/ c( X) Y' o* O
if (yPos > (yMax - contentHeight - BallSpeed)) {
0 F& S5 o z/ z; n yDir = "up";
' }. K. z6 f# `" ? C T( r }
: ^/ X5 a9 [) i) R5 u j }9 s. Q7 U; w/ E5 ]+ _5 I4 A4 m
else if (yDir == "up") {6 N& M) F m: p+ [: U
if (yPos < (0 + BallSpeed)) {
: R3 w4 w8 x0 O4 |' W6 r" L, _/ O yDir = "down";
9 S) Z8 W/ [" f7 a2 Z6 J }
! G# K5 x' H6 A: M3 w# [ }
8 ^. H- Z2 h) _+ ] if (xDir == "right") {
) s6 a" d: q' m$ \' {0 ] xPos = xPos + BallSpeed;) W0 O) X7 G# K9 C7 W4 O6 x0 x/ ~
}
- {& Z! Q. }2 T' F/ ]* n `' Z else if (xDir == "left") {
8 A" A( ~0 X' U; j0 u xPos = xPos - BallSpeed;* q& J2 w' g: ~1 u6 u: H
}
* |7 X+ {% x6 S; ^: e" G* Y$ s4 T else {
7 k; E [" M: y& J xPos = xPos;
) q: N3 z# j% R0 r' N5 {; S# ^ }8 Y; t; V) {# v" v0 L
if (yDir == "down") {
- E- r1 x# \( J yPos = yPos + BallSpeed;" Q9 u% _- r* F
}
A5 k% L, L; s7 f$ n3 A, M4 I else if (yDir == "up") {
- Y% l; d! @: n* h$ E# \ yPos = yPos - BallSpeed;
' Q' j- y& S9 @5 \# m5 g9 N }& ]" A' D1 t. X: X0 @( T
else {2 \5 r$ P: r$ @. B' s7 m/ }
yPos = yPos;5 B" P' I+ n8 k( Y u& h
}
( s6 r( |4 B: q7 w! u9 ]5 A% ^ }0 V- T, y* L; v( R9 N9 S! |4 Z
/ I# g- C. n( O; w; ^" p
function hidetext(){
- l5 b7 w2 i H( Mif (document.all)7 v7 ^ k3 `4 A; {3 ~9 @
supertext.style.visibility="hidden"' k# z; @) ~% t. k7 R
else if (document.layers)2 t" a& V- g( S2 ~
document.supertext.visibility="hide"
e. P8 \6 W6 b$ P8 a3 ?clearTimeout(animatetext)
2 {0 T3 E0 m5 N3 j0 o A; |. d}/ |# @0 g( t8 y% M" ~
) q$ W* J. |+ n9 z' Y- R/ q. U
if (document.all||document.layers){% ?% ]( c& I, H$ I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& m% ^7 s8 l* ?- B2 dwindow.onload = initializeBall;
7 J; T, [- G* K+ J5 m6 iwindow.onresize = new Function("window.location.reload()");+ ^3 f( q1 O+ ~
}" S& a {+ ~0 ?; z" E" E8 a0 ~4 F
& h1 C8 l" Z) z</script> |
|