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

|
网页之不断弹射的文字-特效
<style type="text/css">
% U7 }) B7 i4 ^0 G1 Z#supertext {
6 [. J) t" W W7 q7 R; Y- y$ Iposition:absolute;0 S9 w1 ]6 ]5 B( F1 r
left:0;
/ ]- R2 r G5 [1 k6 h0 I/ Ztop:0;+ m+ x! }% i% p+ z$ g
visibility:hide;' u3 Q- ]; F# e0 s* w5 B* J1 X
visibility:hidden; V9 F. v V! P) s O
}. l! I' \. i7 z/ C( C$ r; m" H
</style>
9 B. {* M" v+ n/ z<script language="JavaScript1.2">. {' [- o. m+ h4 E9 x x! y$ I
<!-- 改变下的字体的大小。颜色-->8 l4 w9 j( b; U. N2 b0 P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, P, p+ l8 K( ^2 }2 f2 n5 R, J, S& Avar hidetimer='';1 e9 G$ h/ _" u1 B* e
<!-- 改变下的弹跳速度-->
+ R; F2 j$ l2 c) yvar BallSpeed = 20;
6 l4 s- m! n1 j Q& a9 `% avar contentWidth;
% y5 _2 l8 Q0 P8 Q/ Mvar contentHeight;* i( m X A) o$ w
var maxBallSpeed = 50;) A S7 j* Z3 @3 j/ `: `
7 c' @! g4 l% I0 V$ r. t- k% y' e( H7 u5 Y
var xMax;
$ t, ^, j; p6 z: J( M( x; V8 ]var yMax;
1 }/ C% f. z# V+ g0 j/ nvar xPos = 0;
& e# D* B# [: V* n! \2 A+ Vvar yPos = 0;2 _5 U7 R- N$ Z- D' @
var xDir = 'right';
. T, k! x& I) A5 ?2 W9 N7 mvar yDir = 'down';
( w2 e" s( F5 N3 m* D* u' ^var superballRunning = true;
# ~; g3 U8 b1 Q6 L: m* nvar tempBallSpeed;% C% H2 ~* B3 Q2 U) ~
var currentBallSrc;
5 i- G' E9 \+ E4 {0 Z3 E6 ^var newXDir;" f6 q) \9 Q. b! L( p4 b! I7 g H
var newYDir;
, A J0 v* Y) l# t- h9 b9 q5 g3 S+ I1 H% {/ w: L
function initializeBall() {# k$ a6 Z. `! |- D P) E k
if (document.all) {/ N7 `0 A8 a: v- o" e- T
xMax = document.body.clientWidth5 X2 T( H% g$ M' k, D8 _9 L
yMax = document.body.clientHeight" _7 z& M) { i6 p, I1 R2 S" y/ s
document.all("supertext").style.visibility = "visible";
0 U% [. B o _# q7 M8 v contentWidth=supertext.offsetWidth7 F+ S. v2 _ L! e% O* @
contentHeight=supertext.offsetHeight1 _7 Y1 I+ [7 L( u3 G, P' p
}/ d7 a; z5 U( b% {* g
else if (document.layers) {
1 Q; @" O, G( c$ x6 Y0 W xMax = window.innerWidth;
) V8 R0 N6 F8 a/ S# n yMax = window.innerHeight;
5 p9 Q! L$ M" F contentWidth=document.supertext.document.width, W+ {2 Z1 X& I! `9 X2 A; m; z
contentHeight=document.supertext.document.height' b8 E) R3 B0 s w! W
document.layers["supertext"].visibility = "show";
/ @7 B4 k& a4 @5 l: M }
7 f D% S! {8 g2 @ setTimeout('moveBall()',400);- K& Q% G0 L+ U; U3 n, T' g* s
if (hidetimer!='')/ J7 Z1 i& Q& X
setTimeout("hidetext()",hidetimer)
2 d3 p9 Y M& d7 ~; w" k3 q* w }$ a/ |( A: B4 n2 L0 O% y8 |% t
+ h# U* L) z" E. c
function moveBall() {
9 k6 [3 H, o) W+ f# `0 j4 z, V+ L6 a+ j if (superballRunning == true) {; _* `, x4 s1 o8 |
calculatePosition();& G! ]5 l' u* ^& f8 u
if (document.all) {
5 \: F T; c/ V+ W4 O7 [/ T! k document.all("supertext").style.left = xPos + document.body.scrollLeft;
! H2 B& ]3 N* T& w- w document.all("supertext").style.top = yPos + document.body.scrollTop;
+ r5 I) c; u. p& o" H I H }! c& w5 T5 K( [2 W
else if (document.layers) {
- }3 }- B" f0 Y( c% v( ?) V5 T document.layers["supertext"].left = xPos + pageXOffset;
+ d5 C D7 c2 g0 r) Z document.layers["supertext"].top = yPos + pageYOffset;
/ L- z% @- ?4 c- p- |; K G2 w }* U( ]" b' Y1 C1 f1 ^
animatetext=setTimeout('moveBall()',20);
5 q B6 o3 T* u% C0 E }
3 r% e6 O* E9 [- ~% g }
! D# o7 A7 R# g( [$ U9 M- Q( w: n: ^( s( ?. o* f. D- m
function calculatePosition() {
4 E3 Z, N4 |! W6 ]- h if (xDir == "right") {8 y! t( f$ g- L& L% D3 Y
if (xPos > (xMax - contentWidth - BallSpeed)) {% a4 C: j6 P( R$ b" B# s
xDir = "left";4 q; v2 ]- t. l# d/ A x6 E
}
) e8 X! a- t5 a* M }# b8 X1 ]0 H3 H- d+ _* }" B n6 d+ |* \
else if (xDir == "left") {
% \- h* D& q9 S3 f u, G8 y! j) Z if (xPos < (0 + BallSpeed)) {
; _9 l; c4 h. f# w0 e3 R xDir = "right";
+ n% Q' q2 j; G5 \; \, y$ m }
; k) Q3 @% Z+ S }, a+ b" i5 G9 }* h& s' Z/ ]
if (yDir == "down") {
2 e9 A, P6 s; I3 z! ]' B! J if (yPos > (yMax - contentHeight - BallSpeed)) {
' C6 J( a0 T; p- f+ i yDir = "up";
9 N3 E( t% `! P9 o% w }9 ^, o0 U* o. |
}9 I6 b4 w) [9 j& ^* v: u9 V: J# C
else if (yDir == "up") {" _- d/ v! N; x! E# y% V
if (yPos < (0 + BallSpeed)) {
2 n( D* K9 v3 ~* j/ ~, K, i: u yDir = "down";3 i2 z0 m6 B" e+ o( r3 n
}
! _ B/ f8 ~$ V' `9 k+ O }
) }8 |! |7 M( v9 u) i7 p if (xDir == "right") {' D; ~8 H; o4 Y% c; h2 [
xPos = xPos + BallSpeed;
9 A+ j0 b1 ^3 |( v( m( u" H0 U }: n3 C3 Y6 O% i# L. c$ k" r
else if (xDir == "left") {
8 ?* I, c7 h: r! H xPos = xPos - BallSpeed;
, \0 n/ Z& J5 g; b6 i }
! f* z; b) c/ r0 @. h+ j7 o. ~# `" a else {
5 j2 v- M. [7 Y$ a+ f0 p9 c xPos = xPos;! W9 E! N2 f1 D9 N
}0 k, x/ P" v- ]; @
if (yDir == "down") {5 J6 i/ b1 I6 a. K8 m# {
yPos = yPos + BallSpeed;
/ }/ i \3 o2 Z) q }8 [2 M& B7 M9 Z6 L# o; [3 C
else if (yDir == "up") {
) B7 ^! z9 F5 {1 z" J yPos = yPos - BallSpeed;+ R4 M2 w) v. I0 l
}. Q: Z! |) ~: O' y+ P6 N% q
else {
2 k9 I) w- [7 T) Y0 {+ F! t- K yPos = yPos;8 T. ~5 h# @8 E- O, x
}
% r1 d! y2 M y; x( F( @* W# J8 [3 M }
2 J2 m- C. e3 k/ W& L+ t5 n, E% z( c& }5 K9 s" }, f
function hidetext(){
4 u3 q# _4 m1 @; I8 Q4 bif (document.all)# c0 K0 T! b2 A5 B& i# w
supertext.style.visibility="hidden"
]2 ]- d/ l( u- k! U Q2 Lelse if (document.layers)+ l, J) L. J3 E
document.supertext.visibility="hide"
, @4 g, P3 E- k1 @; V6 B QclearTimeout(animatetext)
9 ^' q( l' G. I! R/ @. @6 R}
& _, o2 G) B+ x2 o) c9 R
( D0 l% q' n- E m, H6 eif (document.all||document.layers){
! \" u# e+ ] Y# w5 Adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' p, l( y" [- w6 f) Bwindow.onload = initializeBall;" w6 @3 u$ O( D8 U0 J
window.onresize = new Function("window.location.reload()");
2 S( \2 Z; L* q) k}! d1 a3 L, ?; ^% e0 L
! R6 n* ?& n2 |2 B</script> |
|