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

|
网页之不断弹射的文字-特效
<style type="text/css">
) }. `/ w4 X* o2 n#supertext {
8 [: J) w- q+ ^' X2 V8 C5 q$ c+ Iposition:absolute;
6 d7 w6 G, ~# Wleft:0;' E$ s' m; l; \" f# z q
top:0;
8 t" B. G: ~3 H: k: _5 Nvisibility:hide;# F, E3 p9 I Y8 U5 z$ w- G
visibility:hidden;
0 l. _- \! Y' g7 e8 f2 O. \6 p}
/ ]( y# t, C9 o/ U+ {- M4 ^</style>6 _8 ` Y Z8 v8 B
<script language="JavaScript1.2">! F1 f# [4 Z) u
<!-- 改变下的字体的大小。颜色-->3 }! K! o6 J. n3 `7 k& v
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ I( V/ e( O0 Rvar hidetimer='';# f7 `+ V, P/ V2 Z/ r
<!-- 改变下的弹跳速度-->
9 M! @, ^* [3 I6 o* Bvar BallSpeed = 20;- r. F, T$ W+ \& n# B( O: Z1 R
var contentWidth;
2 W. ?% q/ v$ j4 ~0 uvar contentHeight;
! @$ d8 n" i8 t3 Q! C' a Xvar maxBallSpeed = 50;( u. K$ C2 g$ O/ H$ a% T% [8 ]
! \. M1 f7 ~% h7 J( G
# u; f, q+ ]8 L, z5 d
var xMax;
1 a' s) i, Z- J$ ~var yMax;
$ j2 g' v! V' k+ Q7 o" Ivar xPos = 0;/ T/ d$ z; Q- o' R' E
var yPos = 0;
' n* B9 N h$ W7 l6 o0 Cvar xDir = 'right';
0 [* Q- G1 k+ ~' ^# Hvar yDir = 'down';
! {' \7 X, W+ ^1 D6 ^# d; uvar superballRunning = true;
3 \9 Q' m6 x' J+ c' {8 u7 j+ Svar tempBallSpeed;
* n b$ ^+ n# s! P6 Y' U+ ?3 wvar currentBallSrc;
g4 B$ ?* J0 W( G$ Avar newXDir;
" l z, K3 I! }( y8 b. hvar newYDir;3 _$ L9 W6 n0 S* K1 w ]. c
5 c z, y. R% ?. n% |+ O/ S; v
function initializeBall() {" f: q% k. _1 U. _# C, z% [
if (document.all) {0 y. t5 A3 [+ }/ x6 B. N$ I* `9 `
xMax = document.body.clientWidth
0 @: i+ W# m* z5 C yMax = document.body.clientHeight+ f+ j6 N h8 ~& |- n# k9 H& Z
document.all("supertext").style.visibility = "visible";
$ ~3 B# C3 x* {: T contentWidth=supertext.offsetWidth
! v( [3 S: ]. `3 u contentHeight=supertext.offsetHeight1 }* Q F4 K& S: z z8 W
}- r0 e2 z2 M9 j
else if (document.layers) {
6 E) X* S2 B6 c( [2 F! U- x xMax = window.innerWidth;; o% }/ }4 n& Z
yMax = window.innerHeight;
+ X5 w# S: U, Z2 } contentWidth=document.supertext.document.width
! Z0 }2 U/ H' }* y2 p" ?6 `2 V contentHeight=document.supertext.document.height- b& x& ` b: _( ~" F0 n
document.layers["supertext"].visibility = "show";
0 Q2 i! o+ h( l# i1 S1 s }
" C5 ?# ]8 K3 f0 l# y setTimeout('moveBall()',400);+ f; L8 E( i/ d
if (hidetimer!='')# p/ Y3 h `- C3 a$ n5 q
setTimeout("hidetext()",hidetimer)
}, \8 n- {, ~) G9 b. o* B }
# ^( Q! Y6 {6 Z
% A: q0 a+ q! a8 Cfunction moveBall() {
3 C$ k5 [( Q+ E" l: F if (superballRunning == true) {
C- d1 W: }- k+ Z# k) } calculatePosition();* T2 g; v( E# I; ]7 c: v' o/ ?$ B+ x
if (document.all) {
7 \/ a/ l8 t5 g1 _ document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 }. q8 J" `% A9 h& [ document.all("supertext").style.top = yPos + document.body.scrollTop;
) A" w2 \+ P9 O8 _6 I) E% \9 z }
3 M' O( Z, h9 U% [9 N. u8 ]( N else if (document.layers) {
: x# c. e. g y# u+ L' a document.layers["supertext"].left = xPos + pageXOffset;
1 v( N! K; s ]0 ?) R document.layers["supertext"].top = yPos + pageYOffset;3 }8 U5 {6 I, r% f8 V
}' s3 v; k+ ?! J6 \' C5 Z# ~
animatetext=setTimeout('moveBall()',20);. m9 Q; R, g5 P, y$ @! I
}
# P$ d: z0 s6 _1 v4 d }
& s4 B. m9 i4 |/ k! v! d- o/ T; O) D3 @1 B
function calculatePosition() {
5 f8 V3 d& `9 P, Y# Y- o6 X' H$ P6 M if (xDir == "right") {6 _ S% t7 L# x1 @9 R
if (xPos > (xMax - contentWidth - BallSpeed)) {0 O7 f% U, V5 r, v
xDir = "left";2 s$ {+ s2 I$ v: F% W9 K
}
0 _' N; p2 }$ M$ Z' d* J+ W6 p }0 q" Z- W, Q1 X ?
else if (xDir == "left") {: X, U8 v! t8 A2 x
if (xPos < (0 + BallSpeed)) {* b3 V9 Q7 ^6 Z; |6 z1 [
xDir = "right";
# [& Z3 p: u8 y- H6 G }
7 U% g" K! g2 p }
: Y( B: k C& F; N% m0 Z if (yDir == "down") {( O0 ^' b8 ?( R7 G P, _# k
if (yPos > (yMax - contentHeight - BallSpeed)) {1 L$ Z/ I, J: s/ N" P4 ^
yDir = "up";6 C% O! f$ U1 k1 U, s$ n
}
" W$ `* M5 D' M! H6 a* I }' u" o+ N0 t/ M* X/ Y( [- O5 C2 _
else if (yDir == "up") {3 ^/ W' L: A m1 e
if (yPos < (0 + BallSpeed)) {. Y. T' V- ] k+ m
yDir = "down";1 t* ~5 Y+ [2 ]" N8 Z
}8 B0 @, G; `" T
}
1 T4 f$ L3 r' x/ {8 M4 ^5 O. _) u& Q if (xDir == "right") {" D& u) _& s# {; g, D8 j* T
xPos = xPos + BallSpeed;
K4 B5 o& z! X' P- ~. L: K* K4 @ }
, |9 S/ o; x/ c2 A else if (xDir == "left") {
& U# A. A7 y. D: r- X/ k xPos = xPos - BallSpeed;
5 T$ b, t8 f1 C, a$ v' M }, M; b' {4 ?; \( z& u; p" x
else {
. N. f* n8 Z5 J! ?$ `+ a xPos = xPos;
7 p3 i' ~: w0 _# S+ Q! l/ R) k! P } R6 N. X6 L: j B
if (yDir == "down") {
; i8 b& Q4 V; ^/ G yPos = yPos + BallSpeed;
$ M' Z" `: |1 J7 K }
/ u$ f: R, h/ {3 B/ j/ ?9 G" [ else if (yDir == "up") {6 X( J% x2 B: S: G
yPos = yPos - BallSpeed;& a' K% p( \4 \) V% F. v
}
8 r$ v& D' d, c: @" [# O( w# ? else {
: x: ^! Y) U+ g* V- j yPos = yPos;' c3 D. v( q Y
}
4 n0 s# H3 c s( O5 C4 b# _* ` }! [( m2 `' E3 h; X3 n6 y6 j
+ B3 e5 O5 n8 q" I/ E: o
function hidetext(){
/ y6 t8 J( ^! {- S6 sif (document.all)
$ X |7 J. t1 e/ j6 Dsupertext.style.visibility="hidden"$ h+ v! }( F+ d0 X. \
else if (document.layers)
0 |: ] ^5 i% _9 Zdocument.supertext.visibility="hide"- U9 @( e7 R( h* G& B+ T1 z9 s
clearTimeout(animatetext)! |" ?$ m: c5 b" | d u6 m# J" O% \
}* H- j) H# b5 w, g; b8 V
1 O0 ?% @9 }& u: L
if (document.all||document.layers){- N1 f, _( O" J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! v J6 t& T7 B7 P
window.onload = initializeBall;& q7 K6 e! o ]$ a
window.onresize = new Function("window.location.reload()");
' O7 A8 ~0 ` L3 T: a}
' X$ y6 Y$ t6 J/ l' ]
% T6 l, }% |8 U: T- @</script> |
|