|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
2 ]% H' X( B3 ^4 j3 j: `1 ?#supertext {
. [0 e! d" Q, l1 oposition:absolute;
; s' h, F+ K* }left:0;
+ r$ g" N& `, Stop:0;: ] F" A5 B; y4 i2 K4 X; p4 G
visibility:hide;/ T2 K" p( X! J/ Y$ O
visibility:hidden;
* K r W8 X( q}7 z/ x' z/ A# e) G8 E z8 S3 H
</style>
2 s" J# T5 ~% s! P4 ?<script language="JavaScript1.2">5 `" X, R! d b# [* m; V
<!-- 改变下的字体的大小。颜色-->. h" g1 [6 B8 L$ L2 o, f9 s& ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. \$ W) `' T0 Q5 r2 a+ Q3 h" C
var hidetimer='';
! ]* ]3 Y- [9 B) k* H* c. o<!-- 改变下的弹跳速度--> {+ _3 b# L w' D/ d
var BallSpeed = 20;
8 }/ \4 d% U0 q3 jvar contentWidth;% t* O+ K* ?$ Y! d- M3 U6 e9 {- x
var contentHeight;. J9 e9 P6 m9 l+ w+ X( u1 |
var maxBallSpeed = 50;5 K) L2 u+ ^ }$ s& h
[3 R1 @. [" g: I) l, @; c
+ ~5 o$ ^5 p8 v: yvar xMax;
9 L7 O5 }2 c( Y! O; J/ Cvar yMax;
" A& n6 i P9 W* N, x& Vvar xPos = 0;
" _& N; U: Q( e9 z% }& R) U ]3 R0 rvar yPos = 0;, ~4 ]( J$ C1 }) P+ \$ z; p
var xDir = 'right';) R7 W0 x" P1 U+ O* l8 U% q
var yDir = 'down';- l% `4 h) v' i! s! g8 K6 ^! @; b
var superballRunning = true;
* Q% o9 y; ^9 z" K) Wvar tempBallSpeed;
/ m W/ y* H" Bvar currentBallSrc;& H. U u6 t }% t! Z8 g' k
var newXDir;! o+ ^ Z% R9 l0 @3 K$ ^6 R; X
var newYDir;
& v3 d/ e# b) I/ o1 y
+ {8 @& h* R7 ]; h! a0 L" N+ l9 Y bfunction initializeBall() {
8 t! S. U& |- ^/ b. o o' h; ]2 ^6 n if (document.all) {
" b' @! m; K1 u& R( F xMax = document.body.clientWidth
( D2 @( t9 I5 R. Y yMax = document.body.clientHeight; ~$ K3 D4 A/ G" H' W
document.all("supertext").style.visibility = "visible";* y- I. k1 v" F" a+ O, y R
contentWidth=supertext.offsetWidth( Z2 l g! E$ j/ O
contentHeight=supertext.offsetHeight
" q- {, l' Z, |# ? z w" I* q g( p }
" ~% j/ i' T% ^9 U' w# D else if (document.layers) {
' F' J; K; q q xMax = window.innerWidth;
* K/ Q2 p J T9 E+ U yMax = window.innerHeight;& u' P) x+ J7 J+ \
contentWidth=document.supertext.document.width& I7 N" X5 G* O& ]2 G( Z( E
contentHeight=document.supertext.document.height' v) X0 g! M! X9 I3 a
document.layers["supertext"].visibility = "show";
8 j, W ~) h, |4 q) s+ d# \1 a+ Z! l+ t }
0 S$ P$ ^* J: E& r; i: }. r: P setTimeout('moveBall()',400);: J7 _$ y1 q8 z1 z) K+ Z! L
if (hidetimer!='')
; c& |: ~& L9 t3 q% @2 B setTimeout("hidetext()",hidetimer)
7 d" I2 S3 G9 h" G% \ }
) L9 v3 q8 ~4 r+ M* ?
; I9 V2 ~5 R& [( q% _function moveBall() {, u' u {5 d& i2 d+ c
if (superballRunning == true) {
& k5 |) s" g. h9 i; r& G calculatePosition();% U% F t( P- t/ Q" ^) B) P3 l; {; K
if (document.all) {
) e( ?% r3 Q) D document.all("supertext").style.left = xPos + document.body.scrollLeft;9 S$ R2 L% I- l+ I7 C7 l
document.all("supertext").style.top = yPos + document.body.scrollTop;
7 Y1 E( r( Q* l" q+ e+ ~ }
: I0 o4 Z& h- @: ? else if (document.layers) {
/ \& G7 s6 {# ]# M7 \9 [; ~ document.layers["supertext"].left = xPos + pageXOffset;1 M- F" F5 }( N4 j2 ] k5 r$ M
document.layers["supertext"].top = yPos + pageYOffset;+ k/ [& a. f# j
}/ X8 [+ i# E' @* g9 C" L
animatetext=setTimeout('moveBall()',20);% W! e) Q) }1 s' ^
}5 s/ @, P% u e% s2 s" Y
}
% e4 e. ^% c$ j9 h. S7 K1 Q! x0 g+ C# o
function calculatePosition() {
. G1 |; G' Z, T' {7 V6 @1 \ if (xDir == "right") {8 t! c7 O3 Z ~
if (xPos > (xMax - contentWidth - BallSpeed)) {
$ R1 t3 B1 m1 o) u4 u0 \# o: v$ a xDir = "left";
; C0 B9 f5 x! C( M }1 _" k! e4 x7 `5 G4 O
}
' g% S' A+ `. u h: `- A& R else if (xDir == "left") {2 o; v: r; m5 q
if (xPos < (0 + BallSpeed)) {( Y4 X! v0 X: K
xDir = "right";
* b# w F; q1 A }' E( r7 n8 S" A! p' }( @& W( Q7 c: k4 R
}& j. [3 ?9 p. C* H8 b! _8 {7 t
if (yDir == "down") {- D7 B( [6 I. |9 e e/ ? [% `
if (yPos > (yMax - contentHeight - BallSpeed)) {
8 f4 \- O4 i" o# m/ c; P. U yDir = "up";
6 Y- j+ D7 X' x/ e0 S) x }& ?1 g9 j/ s/ h/ R* P0 H; j2 J
}
% L( Q1 Q1 N5 K6 R* O4 D$ b else if (yDir == "up") {
. Q( ?. k0 a9 q- K7 N8 y# M if (yPos < (0 + BallSpeed)) {; j; D( k2 s# @* `- w0 W# R
yDir = "down";' Z, k% z9 v2 T5 X" o
}& M% L5 S3 S: |3 m# g& s
}: b6 I1 W- s! ?$ }- C" [
if (xDir == "right") {2 m; h. X- M( V
xPos = xPos + BallSpeed;) N3 f; G2 E7 o5 H$ t [2 @& O, ?
}
R! ?* { w, N. | else if (xDir == "left") {
* Z' p. i( c0 b: a0 g& x' x: M xPos = xPos - BallSpeed; v, b Y) ]+ w7 H/ {
}
8 \6 `1 k* K/ N0 B* A' G& ?0 Y else {
3 c' L' }. D2 l4 K* @: x2 W% _ xPos = xPos;1 X2 |. Y3 P+ H) H7 j/ F: | ^' B
}$ f3 O3 m2 A0 |) ~" D8 n* W
if (yDir == "down") {+ e# Q' q) x$ N: U& t2 c
yPos = yPos + BallSpeed;
. V* M* e! u. r- V& O! e }
; t/ Y& l) c, a, m# f* n else if (yDir == "up") {
) A/ G' }, V6 }: z' Y yPos = yPos - BallSpeed;
2 z- ^3 `: f1 m6 x. i7 |* R/ i }
1 P1 Z S1 |* `/ p2 j else {
' z$ [7 a* i0 t9 A( a9 {1 _ yPos = yPos;# _2 s$ b" D; x+ m
}
5 v0 D, k$ |. O7 O2 b/ Z }5 _4 }2 {9 M' l8 T+ x: N
9 ?1 ~0 x z9 J# v5 {function hidetext(){3 H1 @/ H* h, d9 E
if (document.all)* Q: |5 R% M0 ?1 q' A* A
supertext.style.visibility="hidden"( E) \9 {; U) q9 L& l. m7 F% q
else if (document.layers), s; A( |1 P% F+ K9 O, W
document.supertext.visibility="hide"
8 V1 X% M+ S' N8 A2 D$ x" x) OclearTimeout(animatetext)
" T; k" J' P# e4 ]/ e( F8 I& m}
t1 P$ H) ]2 R$ Q5 T) Y
. S1 u1 M- g" @if (document.all||document.layers){
& U) \3 D2 g! r4 r- Q' Cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' ?# q/ J' O9 D( ^window.onload = initializeBall;3 c2 Z: T% K/ E+ y& d, q4 Q0 l
window.onresize = new Function("window.location.reload()");
8 Z! P0 p& r' T% H/ ~) G' ?}8 Q8 Y* P9 L$ I6 l: V, r
8 a8 D1 J' Y+ c( ~# _ [</script> |
|
发表于 2008-1-21 20:55
|