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

|
网页之不断弹射的文字-特效
<style type="text/css">
- ~* _1 D% h+ \& P#supertext {
% Q2 h: X" ~& M) W4 }position:absolute;/ t4 h$ A! r1 l6 }' r
left:0;' N( ~4 g* ^! [5 I- @
top:0;/ p0 J* h$ {9 A+ V0 ]) Z; P5 V
visibility:hide;
& Y p, `: T7 g8 t- i8 ?visibility:hidden;
8 q# Y/ }2 k) g6 w$ s}
6 @! f" G/ c7 |7 j8 M</style>% P- Z! f6 [& V4 d6 P
<script language="JavaScript1.2">8 t# n( u) u. i' G8 P0 [: V6 @6 L
<!-- 改变下的字体的大小。颜色-->
/ C' q$ V0 ~, i! @/ b) c5 Bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 G! C, T9 E- H. Y% Y1 @% S4 c1 J
var hidetimer='';( r" ~, `% Z# z9 p m4 M3 l
<!-- 改变下的弹跳速度-->% ^: p* I# d9 V+ x# c
var BallSpeed = 20;
; S. r; A4 P- B& @var contentWidth;) }/ R+ U t6 Y% \4 _* ^
var contentHeight;, O- }, a- k7 M
var maxBallSpeed = 50;
& v6 I1 Q' e; E1 _2 r7 j# T# [6 K1 {/ C* g# `+ `' ?# T
6 c/ `- Y4 B* u( ?1 j l# ?
var xMax;3 ~' ]3 ~2 P: {) K+ i- ~( s
var yMax;
. P( A, X5 }6 Y5 ~7 N1 { ~/ [var xPos = 0;
5 s1 ?3 S E! K7 dvar yPos = 0;+ q- i) a' b8 K8 Q4 C0 ]% m2 D- j
var xDir = 'right';
9 T5 M8 h; u" j$ [. ^0 m" D% ]9 T8 fvar yDir = 'down';
3 D1 D1 C( v1 A$ Y1 o" ?( Rvar superballRunning = true;, A# a1 m+ u8 R* C, s8 f/ S+ s
var tempBallSpeed;
5 E9 S% M( D2 O* g$ F, i B( Dvar currentBallSrc;
; Q& [( R2 }/ ]! x2 P7 }) C* pvar newXDir;
3 }& D+ E4 r V* ?9 j% U% wvar newYDir;
$ c( M; N1 u# L0 y; o; `( d1 b0 h; v( l. V7 t+ W
function initializeBall() {
/ j; G/ K& Y% y1 \% F if (document.all) {- G ~, s6 ^/ l1 Z2 Q+ j
xMax = document.body.clientWidth' C1 M0 h0 R- e! J/ h
yMax = document.body.clientHeight8 a( d1 A/ q j# Y# L
document.all("supertext").style.visibility = "visible";
. H$ f3 U3 P, n" T contentWidth=supertext.offsetWidth
' {$ v& ?; O0 v& s- ?0 k$ {/ x6 T contentHeight=supertext.offsetHeight- e# ^3 F3 P* W8 @; S
}
2 ?& u% Z( v+ r# q9 {& \$ T8 k8 t7 o8 C: B else if (document.layers) {2 e+ H) _2 e8 L- f( s% E
xMax = window.innerWidth;
! F& ^7 T; Z/ L9 n) ` S% o" R! y4 T yMax = window.innerHeight;% m2 l3 ^% V3 N
contentWidth=document.supertext.document.width0 W2 Z4 g# M5 F& {, a4 I
contentHeight=document.supertext.document.height
( O# G, w0 y1 n" F/ O+ b6 _- V document.layers["supertext"].visibility = "show";
( N- a9 o4 K/ W. L4 | }
* c! J8 N2 Z/ _" y6 v) y setTimeout('moveBall()',400);
1 N8 F- I) J8 E C& C7 W if (hidetimer!='')
! L( c, W0 y- j9 l, f; g, A J% ?" D setTimeout("hidetext()",hidetimer)* F+ z, t7 c) m: B
}4 M# R x1 v/ C4 O) l
8 B; y/ a7 h6 q
function moveBall() {8 W" L" e+ ~2 O |% p
if (superballRunning == true) {$ u! L+ s: D! w' L, E/ \ y
calculatePosition();
$ l: A% q8 d/ l2 ~: l if (document.all) {; e& H( N& \, V5 A5 t" y( g( [0 K
document.all("supertext").style.left = xPos + document.body.scrollLeft;: l a8 ^, G6 U9 v* H
document.all("supertext").style.top = yPos + document.body.scrollTop;
2 `) I) J* f ]; m# L i }4 C, a9 g- v. E
else if (document.layers) {
6 s. c# w) P7 ^1 G$ F- R, p5 y document.layers["supertext"].left = xPos + pageXOffset;
2 h) p3 k& k0 q document.layers["supertext"].top = yPos + pageYOffset;
) C* ~& A, j. _/ h+ K }9 P1 v. `8 B$ Z$ e4 H2 W
animatetext=setTimeout('moveBall()',20);3 A1 u( b6 E1 s# t4 r: W
}
5 h; K& m T" d) x. x5 o }
% @ ?: @2 @* J# z; |2 ?1 d6 W
/ P h- K+ r, j' q5 hfunction calculatePosition() {
7 e7 a. `5 [$ ?9 I& j if (xDir == "right") {3 L0 O" o" I; Z2 [) y9 k
if (xPos > (xMax - contentWidth - BallSpeed)) {% a6 }7 G& O6 u. c9 e/ v- ?, O8 v- K
xDir = "left";
9 Y$ \8 m) h8 p( i }
! Z8 ]! M: H" d* T4 T8 E, i; j }4 _5 p# y- Y5 E1 b
else if (xDir == "left") {
) q! a* K' m/ h+ v6 S' ~. }0 k if (xPos < (0 + BallSpeed)) {
; [ B. {4 y. F8 l xDir = "right";
* g k' W8 [" N% R }7 W! ]0 |, y/ W2 k/ d: V7 Q
}# H& m n# ~/ d' A
if (yDir == "down") {
3 \' i! y. x9 {, m2 r+ l if (yPos > (yMax - contentHeight - BallSpeed)) {
! n5 G) d* w9 i* @8 } yDir = "up";
7 \; m& C- P' y6 _) L8 ?0 r: g9 r: f }; W) |4 a2 |0 Y- m6 d+ p
}
3 k' u) E+ L9 T7 H else if (yDir == "up") {: t" v: V D* M" E* G
if (yPos < (0 + BallSpeed)) {
4 ~3 e( |1 {& Y( s* [% g, a yDir = "down";
; `# }7 j! d% M* p. x5 T( B* q }: d; l) K. I% e
}: n9 G9 d$ x6 v0 p4 W. Z& \
if (xDir == "right") {2 Y$ d0 M; l1 K# G- ?. n8 O3 M
xPos = xPos + BallSpeed;, a" p, ~; E) _8 e$ V
}: M9 [( z/ ]+ ~% b" ?2 T2 `
else if (xDir == "left") {; M% G) t8 [; O; h5 N% K
xPos = xPos - BallSpeed;
1 i( K5 I8 p6 v" o& `8 { }
# _2 C7 ^/ k9 M. `$ Q4 B q else {: a" `! F. k/ \) Z6 g
xPos = xPos;
# U* S; ]" X- v$ R* M- z }4 u: ~4 Q$ f+ N( N3 I. F: ^
if (yDir == "down") {
6 @, ~: J3 {" v6 S/ m& X# J yPos = yPos + BallSpeed;# O& Y0 J* J* p) f3 v6 d) z
}& _ M" K3 @6 H/ F9 R1 j# S1 L8 e
else if (yDir == "up") {
) G9 e& U) l6 e yPos = yPos - BallSpeed;- j, P5 N+ [" p0 Q; w: b
}) X9 e# [0 S, U
else {
* _' {# J! F8 ^3 V% d- S yPos = yPos;3 ~! B+ J8 ]( i h0 p" w- F
}/ z# V3 M1 M: }
}
; O% {1 d2 ]' P. i* f- T1 P5 |# P. l
function hidetext(){
t* i; u; ]. F0 x3 dif (document.all)
9 O: E% f( ?; r; H' [. asupertext.style.visibility="hidden"
- ^! L1 ?% T4 K; T7 l' \else if (document.layers)0 F9 M! B+ }8 U! P! d
document.supertext.visibility="hide". ~$ d+ |4 t( a- x: T. A% u3 O; O3 e
clearTimeout(animatetext)
6 t" Q5 O3 K1 s' Q+ k$ @}
2 Q7 ]2 E# J; R% e2 J
/ |- s: ]4 P- Z2 Lif (document.all||document.layers){
: B/ O3 f0 L. z5 S9 w0 Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 y; z# r; u5 D0 e
window.onload = initializeBall;
4 O/ ~( h: O" c1 N, X1 ^window.onresize = new Function("window.location.reload()");6 Q# Y! ~: R) Z- `
}
& h. h A" U- C; G( D& l" T0 u, s' ^7 Y1 L* G, S9 n
</script> |
|