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

|
网页之不断弹射的文字-特效
<style type="text/css">8 V8 R0 s$ G0 @+ N
#supertext {7 V. K% {+ d3 x0 Z
position:absolute;
2 @7 ^/ ?3 v k! t2 l& vleft:0;
+ Z" {) Z w; Z2 n1 b/ d! l gtop:0;
6 Y" y' x Q2 X3 q# x& m+ R2 jvisibility:hide;( I5 m% F$ n% B
visibility:hidden;4 n7 h; \8 Q1 O
}
) T$ h" ~* n5 I, \9 }</style>! b' f. X0 v+ Y( B/ h, H
<script language="JavaScript1.2">
$ o2 ^& W7 d5 W<!-- 改变下的字体的大小。颜色-->5 o; j5 U; J. x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ S: A, f0 U# C- l5 s% l: V% I; h/ xvar hidetimer='';6 J: |8 _: I; X; D5 }1 m
<!-- 改变下的弹跳速度-->% ?2 B; s n( q2 _* N* A
var BallSpeed = 20;
' v( [4 ?7 g: E0 Q6 F0 U: yvar contentWidth;
) A& [1 V; W& f- L# Nvar contentHeight;
$ ]. A1 Z7 q% D+ k1 R K" Wvar maxBallSpeed = 50;) F2 p8 H7 h& r) T' N$ ^7 ?
" p- e* o5 t' C# s+ P( p3 L) k
var xMax;
) x& _0 _" J) ?( s/ {+ hvar yMax;
3 |$ N! q3 A$ K" d. Mvar xPos = 0;# K0 r; D' ?. P) _
var yPos = 0;
- h6 M" l: X# xvar xDir = 'right';% j: c5 @# q- P u
var yDir = 'down';
5 c7 i$ `4 z0 ^: avar superballRunning = true;
$ e0 c, j' [; L$ Ivar tempBallSpeed;( f! d2 V1 j( t0 i9 [. N* t) h
var currentBallSrc;
" R: u# i2 |) }, _7 q* Zvar newXDir;
) s6 X$ v* u, J( i, m- d# q3 ~! Fvar newYDir;
2 F( T' v5 q1 Q3 L; S! q+ K0 x6 \) K
function initializeBall() {/ V \9 Z2 i9 y5 T$ w
if (document.all) {" w; N$ [4 ^, X Q7 a
xMax = document.body.clientWidth
6 v% a, B Y. A1 L9 Z7 V8 X& d yMax = document.body.clientHeight
- ^8 ]" s3 s7 x4 c" z document.all("supertext").style.visibility = "visible";
( I4 f1 ^& ^' ?, ~2 F0 c contentWidth=supertext.offsetWidth0 Z( D! }8 K( p' x3 n' ?& |
contentHeight=supertext.offsetHeight
3 y: R! @/ w8 i* N5 ]% m& m }- g8 P: C2 S# r5 c
else if (document.layers) {# Q+ e6 \$ @+ ^7 V! i: j% l
xMax = window.innerWidth;
+ m- O* P# ? A$ a4 _9 k1 N/ E yMax = window.innerHeight;
" D3 }. M. ~: y1 I contentWidth=document.supertext.document.width
) {0 m) {6 t5 R) L contentHeight=document.supertext.document.height, Q: U4 p/ O8 w
document.layers["supertext"].visibility = "show";: s( C0 {, o- i! ^; d
}5 l4 Q/ [+ S# A2 U
setTimeout('moveBall()',400);% E& M" }4 j0 p# B" p8 b
if (hidetimer!='')- c4 l- c) z' S
setTimeout("hidetext()",hidetimer)( G" @+ o+ b5 G3 }4 Q" s' o
}4 z$ i* S5 E9 m; x. x
# S" l L0 l3 U' U& B8 U) Q+ N9 o) Jfunction moveBall() {
9 H% x h$ Q; W/ Q) X' c& H if (superballRunning == true) { t- I1 ^! [0 S1 I6 A7 x
calculatePosition();
* F+ V( p; Z( z7 C; Y; k if (document.all) {
1 ?' \$ M. f. |3 @, q+ w) |% R; R8 u! | document.all("supertext").style.left = xPos + document.body.scrollLeft;' Z- S: ~1 z4 h- l
document.all("supertext").style.top = yPos + document.body.scrollTop;
0 ~% f6 m( I% |, } Z/ y6 }0 j; i }, a* o: `9 B9 y, G1 |! R P: a! j
else if (document.layers) {' q: _' t# a, H. J
document.layers["supertext"].left = xPos + pageXOffset;- a4 }: q T, t' O" [
document.layers["supertext"].top = yPos + pageYOffset;
% l9 J; h2 s1 z }
; x. Z# }; Q/ n. z' ] animatetext=setTimeout('moveBall()',20);
7 R/ k$ |3 L0 F s' r# l }. C0 t6 N Y* X4 \5 ~
}
0 l. W: d+ { H% w4 a" V' U4 m5 C O7 G
function calculatePosition() {% X+ ^- q% x. M& U y
if (xDir == "right") {. z/ v% {/ H' B# l8 M1 A2 o& M
if (xPos > (xMax - contentWidth - BallSpeed)) {7 y% L" P# z o6 W4 d, ?
xDir = "left";" l; F! x+ x/ q3 u
}1 J* t v3 b# A
}8 j6 V" }- s2 b! j0 @5 o
else if (xDir == "left") {9 Y1 w1 _) q, z$ x7 ^# \( l6 I+ |. F
if (xPos < (0 + BallSpeed)) { \' a8 P! Z- r( l, v# c
xDir = "right";+ y, T5 h: _, Z7 w" A' w% o
}7 a: J& y% Z: t2 u9 Q* v
}
3 n6 f2 C* H8 T3 j if (yDir == "down") {
% ]$ @: j+ ?, l if (yPos > (yMax - contentHeight - BallSpeed)) {
6 ^4 M5 B5 K! K7 b) G: _ yDir = "up";' n. z' }5 V4 p, J% Z) m2 \ j
}$ @3 |7 o$ Z! J
}1 x3 A q6 r: S7 \' T
else if (yDir == "up") {
- h/ ~# V l. ]8 \. S' k; i if (yPos < (0 + BallSpeed)) {5 F/ {% I h" K# \& B. p& ?
yDir = "down";
* S, y- N- n( t, f- u) P }3 I8 F8 {7 B7 x b, G# D. ~8 u
}4 c# o9 G2 w2 V8 L
if (xDir == "right") {
! H5 y4 f% a2 D! l& o xPos = xPos + BallSpeed;9 w2 \( |- v. d$ [: B) I: t
}
0 F8 K5 ]$ i+ B else if (xDir == "left") {
+ T# c3 F- g e& k& r xPos = xPos - BallSpeed;
3 _# [% [" U; s! j3 Z( K }
6 h" K, {& l$ U else {
' T! X: S' [, a \! J xPos = xPos;
1 C% T8 r- I, d& z }
/ K1 m; v$ i1 U if (yDir == "down") {* z9 i5 `+ O+ \1 ? a
yPos = yPos + BallSpeed;7 r, ` ^8 E, x+ m
}
5 x' e! w# X: X! B0 z) f. i else if (yDir == "up") {
1 X e# u; m' b* f! M) s! s( c7 c$ x yPos = yPos - BallSpeed;
4 E3 k6 L* y& `4 W# ] }, q6 b5 ~" j' V! O( l/ b
else {) V( d8 Q: m$ p( ^
yPos = yPos;2 H7 I# s; `. y+ s+ K
}% A) v( g2 s! Y1 U! q2 D
}/ j1 k' ~9 Z0 h6 V* ]. i" }% d/ l
6 p t( R/ C8 |/ W jfunction hidetext(){7 Q( _% @- Z8 W1 K8 D
if (document.all)" R$ \5 p/ n6 X1 d1 k* |0 g4 }
supertext.style.visibility="hidden"3 E) P* E( h z9 a' K: D- B
else if (document.layers), r/ T9 t. [" |: l
document.supertext.visibility="hide"
V5 O4 J/ g& RclearTimeout(animatetext)) j, x+ J2 `$ f& J. m4 ^
}
{9 a' f* G4 Z9 b1 A2 z. ~. D
! r8 E* |2 e* a% L2 r5 W2 Jif (document.all||document.layers){
! G& b. X$ C+ n! a; B4 _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" {+ X4 k' T2 C2 b& h+ u9 {& ewindow.onload = initializeBall;
/ A' p7 Q6 r9 x- v6 A9 K' O) T% \window.onresize = new Function("window.location.reload()");9 {$ y$ z+ b* r
}8 o3 L& x8 H( }. A4 u& U/ u
# _; m( r3 A" Z, }
</script> |
|