|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
) r% H" J ~2 k, _) ]#supertext {0 T; m2 W, f) x! m6 P8 ^! u5 Q
position:absolute;+ ]- v' d' E# G, T; C9 ?3 `1 C5 F; v
left:0;" p; C) L3 S- C, K+ E
top:0;
) t' E/ w2 i! z( Rvisibility:hide;5 s9 P' M, W3 U8 U( d$ K
visibility:hidden;
' _8 K4 a" W7 `( |}
6 i; u/ X7 M; s! f</style># N1 ]& D; l- }5 v) l3 V
<script language="JavaScript1.2">
: o( i9 ^9 m. Z/ w7 b<!-- 改变下的字体的大小。颜色-->
. {9 j, b( l( B8 B, Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ a' O3 E$ G9 n! Hvar hidetimer='';/ m6 ] C+ B/ P @7 I0 ^! j& Q6 I
<!-- 改变下的弹跳速度-->
6 |! y' @( V5 |var BallSpeed = 20;/ Y7 h( E5 D( H. V, e9 J
var contentWidth;& z8 G) O. p* \9 g( h
var contentHeight;
' u" R7 U. j# R9 O' Mvar maxBallSpeed = 50;8 D9 r5 H; O d3 C7 I
0 i9 ], J6 l! I4 c- Z4 \8 r/ J
% K2 {9 _) t+ k' x2 b8 ]var xMax;
, e' } ^2 M' Q' }" {5 ?) Zvar yMax;8 E/ j4 [7 O, Y* ^& l
var xPos = 0;
2 q- s' Q0 v5 i. U3 w3 Dvar yPos = 0;6 c3 e9 ]( f0 P; v
var xDir = 'right';$ b" P) M, i' C3 M/ u" m
var yDir = 'down';
" C- W$ \6 x9 ^: I: n' W1 P9 Vvar superballRunning = true;' `+ F0 H, _* j9 y/ r
var tempBallSpeed;+ O' X" _! ^7 ^" V6 y4 L" x) _5 k
var currentBallSrc;
$ G+ e) i) X* \4 l1 ivar newXDir;
+ Y+ m7 o M. ~) a- dvar newYDir;3 j+ e8 P8 Y; p7 y
% { T% F0 ~- A% Pfunction initializeBall() {8 n" k- [. D7 N T) Y b8 m
if (document.all) {
: h1 g3 e9 O2 @( g8 `3 t xMax = document.body.clientWidth- ]0 \6 c8 s- j/ |. v- D8 r
yMax = document.body.clientHeight
8 k) ?( I: t) S& i, G4 K" o document.all("supertext").style.visibility = "visible";; W6 H+ T U) X+ U; D
contentWidth=supertext.offsetWidth
, ~9 X d6 u- j3 V8 ~* g contentHeight=supertext.offsetHeight; n; ?. l, X0 q# @
}
! U2 S, l! V" a' q else if (document.layers) {
# r. c0 i4 n8 ` xMax = window.innerWidth;
7 U' v" V0 d/ n yMax = window.innerHeight;9 `3 ]0 ~; F2 j% h& L9 f# @# y5 p; C
contentWidth=document.supertext.document.width; ~+ O+ t* H9 S5 b" ]! q# Q2 o
contentHeight=document.supertext.document.height3 D+ [8 X% {* P1 [) `5 h& p7 B
document.layers["supertext"].visibility = "show";
5 N" r) y( k& u, j }
8 S$ F4 P0 |. r* Y setTimeout('moveBall()',400);
% ~+ _! ]0 J5 W$ | if (hidetimer!='')2 b6 W- S* t! M* z; }
setTimeout("hidetext()",hidetimer)0 c! s5 `) X, D9 z; Q4 ^+ h0 {
}
L4 z2 k# {* v1 A7 H8 O- A) X) x& J0 z) X2 [8 {4 _
function moveBall() {
1 w- X4 Q8 ]% t% y6 C if (superballRunning == true) {
# N/ `; ^$ g, z' @. T calculatePosition();
& Z2 Z, n& n% j {% U' [ if (document.all) {( K, r1 t( k0 Q; K, d
document.all("supertext").style.left = xPos + document.body.scrollLeft;: i, t) d8 N: N |. b* K* r) f
document.all("supertext").style.top = yPos + document.body.scrollTop;
1 @% h( A7 C7 e1 C% l# Z4 t1 \3 M }
8 N2 ]( c5 H# Z. d$ g. a else if (document.layers) {' b$ M7 b; n2 ~
document.layers["supertext"].left = xPos + pageXOffset;
. O' h. n: @/ }- x3 X document.layers["supertext"].top = yPos + pageYOffset;
% ]3 O/ K. Y3 x4 `; B& n+ ^& V }2 ]- q" m3 K7 t7 H" C3 }2 L/ B; v
animatetext=setTimeout('moveBall()',20);
, c9 T# K9 |; | }# @; B: w, ~2 l3 a. y
}/ D$ b5 g$ g+ n" z( U* K, @
# k5 z) M" y; E5 ~" Y* x9 T
function calculatePosition() {
% o5 p, M2 k$ d; H( _/ M; i p if (xDir == "right") {- O3 c' \# ~9 ~, G- H. K
if (xPos > (xMax - contentWidth - BallSpeed)) {
& D3 H) l- |+ V1 U" v6 o; b xDir = "left";
0 Z) F6 s$ P4 f6 S }
+ U% i9 T8 I) B4 c- | }
* j0 E, b4 u# S/ P2 v3 U1 g else if (xDir == "left") {
1 s o3 S; o9 d; G' T; Z5 w% t if (xPos < (0 + BallSpeed)) {
. h+ t9 P, d0 P8 W" v; F xDir = "right";0 g/ J% B# d. H
}
) e+ t- r; W1 Q& f3 P }1 R4 q, I* F: F; F+ \5 m }
if (yDir == "down") {2 z$ Z4 B$ v/ z3 L. ~, c
if (yPos > (yMax - contentHeight - BallSpeed)) {! |1 O4 m2 j' ~
yDir = "up";
* b) q. J! G, Q8 _* U }
2 \6 R% k7 b! b! G }
- _) H1 L5 t& F2 y else if (yDir == "up") {
- v5 \: L5 O( [) j9 H1 H9 O if (yPos < (0 + BallSpeed)) {
2 I0 L2 f" E. Y yDir = "down";$ F& \/ K; { b! i5 |% i. y
}
# t) D* |; @* ~! q }$ \7 D( s( U- t4 b
if (xDir == "right") {
5 r. B! r$ C9 B& g3 a2 N xPos = xPos + BallSpeed;! S e' P* l* Q( f
}2 ?7 U l5 q) T3 m# i% }
else if (xDir == "left") {
0 E9 H1 t8 C' M xPos = xPos - BallSpeed;
& T, z" h5 T. `/ \7 C, L6 | a- G }
: X8 G4 R/ m, {2 `6 D else {
) r& A: U3 w/ `% s- B" l# n& w" R$ F xPos = xPos;' m- T% \8 I; o+ i1 c
}
' }+ E8 n' p; I- B7 N- B if (yDir == "down") {
0 g" s2 Q1 g/ p yPos = yPos + BallSpeed;
/ w5 `6 S/ f! L& g6 m Y }9 N% U+ ]- p* p4 T, \
else if (yDir == "up") {7 `' I/ ~) { A5 M; {. W& w
yPos = yPos - BallSpeed;
6 M/ E7 Z. l$ }% `" J }
" E+ G% e4 J( I2 u else {9 I* I$ W5 R+ c! `4 @
yPos = yPos;
, e8 t9 X3 A8 l6 t4 v y4 p1 t }
u! i' d# j( B" t' A }$ E( v- G$ M+ P9 U( t
5 Q- [6 L+ @0 m K, j, Nfunction hidetext(){3 m7 Z" I, c4 \5 b1 o7 c) x
if (document.all)+ J% s" n% W) J- e; k2 {( l
supertext.style.visibility="hidden"6 K7 A) M; ]& _' Y& o" a1 U
else if (document.layers)
+ s1 J8 S' u( k% \- U6 S/ @9 \document.supertext.visibility="hide"; V" [$ o- m9 t: a y+ V% ?9 k4 Z
clearTimeout(animatetext)
+ s6 ]9 p2 c" d# R}
9 A% H4 f" Z. w5 o/ Y1 p9 a, y5 e
if (document.all||document.layers){ g7 ~* \/ ]0 O; \1 m0 `
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# A) }" E% h* A- ]2 G& o+ xwindow.onload = initializeBall;; g; O3 ?/ u9 a+ N
window.onresize = new Function("window.location.reload()");
0 W/ Z. N/ }5 s2 Z* h R}
/ t z$ p. | ?1 M7 t) z4 X# H; w% m& }$ b9 A* i$ z
</script> |
|
发表于 2008-1-21 20:55
|