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

|
网页之不断弹射的文字-特效
<style type="text/css">
& h Q1 p0 l9 T+ n#supertext {. [4 n8 H" s7 _/ U
position:absolute;, O: `, w" u- |$ J3 Y2 F2 N
left:0;* u6 m, Y) j# r" W" ?
top:0;4 l- ]' a# t; ^* H- n
visibility:hide;
# y& a2 j* q& Z" Ovisibility:hidden;
( U/ I" K1 V8 s2 z: h o1 ^3 i}
) W& `7 C- C& N, v# X6 ?, O/ w</style>: V& a, g" c7 o
<script language="JavaScript1.2">5 m$ F( u- j! d/ H3 R9 p9 y
<!-- 改变下的字体的大小。颜色-->) k1 O" F4 ^: \. l7 H4 o( B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ f& W" P9 _4 H$ ~
var hidetimer='';# g' q7 y$ N! v" X% Z) }; N7 z
<!-- 改变下的弹跳速度-->0 E- Q! A7 E6 r5 Q4 C: W
var BallSpeed = 20;
+ |, K" H# ^$ ?5 S" G; g" kvar contentWidth;, @8 U; U) w% T, H& H5 s
var contentHeight;: D: f/ Q- N% Q6 c) `0 `
var maxBallSpeed = 50;# H3 p8 x. E1 x. _0 L9 {! r
/ P/ t. e s8 {8 F; @
s4 J3 s# d& A# g- P9 A7 b5 B6 \+ Mvar xMax;3 C* R' d. P& t. j% I9 z& h Z
var yMax;
* e# w* P9 A% a! V9 fvar xPos = 0;! w. G S2 {2 Y( H4 T+ P& g% [+ Y
var yPos = 0;$ @+ \5 C: ~- ?& {- Y" i( ^
var xDir = 'right';
3 J9 \; {6 T& e9 H' m( mvar yDir = 'down';
) k [$ A9 f! C" {9 j3 Dvar superballRunning = true;
% `# N8 z% U3 f8 j/ {var tempBallSpeed;2 V% p6 t6 o; d0 v% M) F
var currentBallSrc;
& g/ ?7 D Z: U" M- e4 l0 ]* I% yvar newXDir;
& k, U0 ?; h f2 Q% O, c7 Yvar newYDir;
0 E9 c; s% T8 Z' a9 c! P8 t9 p$ v* ]/ `, i- _
function initializeBall() { L" O, ?, V7 |7 @3 x/ a; B
if (document.all) {
/ U6 |3 f& P% V5 C) x. ~ xMax = document.body.clientWidth$ _- `0 d8 H# c
yMax = document.body.clientHeight
S1 j8 `+ i4 @9 p9 K document.all("supertext").style.visibility = "visible";
* s1 n5 \5 Y6 X8 {9 F contentWidth=supertext.offsetWidth
3 T7 g- J k# ?3 {* \5 h4 [. C# l contentHeight=supertext.offsetHeight
L! U# f/ a: ]7 i; @* F- I3 ] }/ M: ^# U/ Q4 u0 z: V% C8 P2 s W
else if (document.layers) {
[6 e- [# Y s4 P xMax = window.innerWidth;/ v S; g- F9 x2 j; O9 Q
yMax = window.innerHeight;3 O& f* a$ b1 k# s
contentWidth=document.supertext.document.width
4 v# w; T. Y0 U4 H5 L9 }( u7 ` contentHeight=document.supertext.document.height& l+ w& \( L) D% \2 _2 V8 u
document.layers["supertext"].visibility = "show";
0 W- b9 ?0 T9 B3 ?7 v' [ }
/ M% n' p! f) @' Q setTimeout('moveBall()',400);# k9 |4 Z: E+ q0 n
if (hidetimer!='')
) X7 b! H5 D$ \: N9 y K3 f8 M7 j9 G setTimeout("hidetext()",hidetimer)
* d ^% {8 r6 ^( h( D5 j" X }& o0 B3 ~; E* U: r' M+ D
3 \, M, ?9 m( V7 \function moveBall() {0 X, Z) f- X7 z
if (superballRunning == true) {
- [, i% x! |- |" P0 i calculatePosition();
4 k$ K3 Q; B9 c if (document.all) {
. O+ z4 J# T9 `( t document.all("supertext").style.left = xPos + document.body.scrollLeft;
* V( |/ b5 R- J' G( ~ document.all("supertext").style.top = yPos + document.body.scrollTop;
( v, f$ ]. s4 u( v( L }
5 s# T1 T, \$ N5 v% s) K6 G- ]5 | else if (document.layers) {
) s. ]/ C- A+ l& }" C! a document.layers["supertext"].left = xPos + pageXOffset;8 H0 n# W7 P6 X( s; V
document.layers["supertext"].top = yPos + pageYOffset;
/ P% @( L& s: K- l# [+ y }9 C- v& X f) W1 i2 G) w
animatetext=setTimeout('moveBall()',20);
. f* W; k. n0 C }: U( f% V5 q: d
}
# ?( n2 U5 M' L! L3 E
2 I) o: A# \4 z+ k' P* ffunction calculatePosition() {
2 w* ^' r5 P% x( Y$ h' j n if (xDir == "right") {
' c4 m. H" M. x# T' q; c if (xPos > (xMax - contentWidth - BallSpeed)) {
* c& J2 q" Q# v; r xDir = "left";
/ n( N, Y- p! ?6 g9 a* Z& U. i }
! T* M/ \& j* k }* J2 j1 I! C/ o" L% ?8 @2 w& f9 m0 r
else if (xDir == "left") {
8 s9 B7 m/ w: a8 ~% P1 Z/ _: k if (xPos < (0 + BallSpeed)) {
* @ S" d/ s' r" x2 m# ^+ R) a! J xDir = "right";
9 H6 ~/ {1 I6 u/ _, N. N; P& | }- J- G8 T9 ~2 R: U3 m
}) R, Y' [ \4 [% M, l5 J9 ~0 Q
if (yDir == "down") { A- T% R! x6 w* ^2 @+ p
if (yPos > (yMax - contentHeight - BallSpeed)) {
# k8 b8 p6 w1 p. A5 o yDir = "up";) q$ p7 F+ Z( A3 [
}
* D$ x# ~1 h# R0 [0 n' | }1 m) |" N' i7 ?6 G
else if (yDir == "up") {1 Z, a' a7 l2 o2 N! x+ M
if (yPos < (0 + BallSpeed)) {
8 A' r. [7 R' E6 b% ?. X& @ yDir = "down";/ U# F" u# a* y/ h: r# o
} o2 }% g) f, X8 \1 m" k1 h
}
) J" s2 @6 O) @3 w N2 E6 Q if (xDir == "right") {* _' V% m. e7 Q
xPos = xPos + BallSpeed;+ Q% g$ w, O$ {
}0 e) u8 M0 D H% m0 ?
else if (xDir == "left") {
; g- e/ D2 e5 Q4 U% x+ h xPos = xPos - BallSpeed;5 h0 X# v# U: L# t' x
}! Z) h/ C% J4 L. W1 K0 X
else {- V0 t9 p/ e% L
xPos = xPos;2 l/ @8 d9 N8 s4 f! b$ b
}
: l5 d. H+ G) S6 `: g if (yDir == "down") {/ ]0 q) `! `9 W
yPos = yPos + BallSpeed;
$ V A' S/ b. a t }9 \- C6 {6 p) F7 c: S' I. {& [ S4 x# A
else if (yDir == "up") {0 }- D! ]. `7 |
yPos = yPos - BallSpeed;3 t/ ]; {5 t1 Z5 j/ n& n- l2 m# g
}' D$ D9 }' i) }" e' {3 X' i
else {( x0 @! i& `0 I4 i
yPos = yPos;9 W8 S, j% i3 A) {
}; t7 y0 t6 [( L' ]4 G+ l2 {5 Z
}+ C# C7 A2 l! ~& I) e
+ p. j% g; _0 O5 y' h& ?6 |% W+ |6 rfunction hidetext(){
4 i; O2 N4 E) P( Iif (document.all)
& L( S, x; |! k8 w3 s3 d' tsupertext.style.visibility="hidden"
$ b3 e1 S# }. }7 a3 _) eelse if (document.layers)6 ]* y% a# \5 S+ y1 I) y- P
document.supertext.visibility="hide"
9 O& J! D) v/ K# d; @3 N; yclearTimeout(animatetext); s8 `8 g- ?4 u# X3 Q w
}8 p* o- m4 E4 p/ ]( ^! A# W
8 n x# d2 K8 ~/ o/ Q$ z! h& \
if (document.all||document.layers){
# O% G' i9 N/ t {% }' C% Wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ x; ~. p2 u: S4 j, W: p8 ]window.onload = initializeBall;# A& j! h' @6 b' `2 q- O- k
window.onresize = new Function("window.location.reload()"); z9 }/ H* ?1 b
}
5 E0 @( j/ B2 v5 e0 N, ?1 r' ]; m9 q. L
</script> |
|