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

|
网页之不断弹射的文字-特效
<style type="text/css">
0 m1 J5 ]0 D" |. H' b) a#supertext {
5 R+ {# q4 Y+ X$ }2 p$ wposition:absolute;
% t' t L" h/ Z8 ]4 uleft:0;
: O9 ~% p" {% V% @+ u& ?5 qtop:0;
* y: c4 E3 \% N7 k) b( cvisibility:hide;
( r- Z$ U& H+ g. ?$ Xvisibility:hidden;
0 t# g2 H6 w5 r7 h7 `- G( S}: o, f8 J, p! K: K0 n$ P1 z" G
</style>) x2 _ T* K9 a8 j- L! a: k
<script language="JavaScript1.2">+ r7 z p8 ~2 l- K1 q6 }
<!-- 改变下的字体的大小。颜色-->; X- E0 M7 m: y# _$ f, O9 _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; {1 @. ?' |# b, ]# I
var hidetimer='';$ l% w) \1 `: U9 Z3 G
<!-- 改变下的弹跳速度-->
1 Q. S! @) K. I6 q; p: Ovar BallSpeed = 20;
- N3 |: L6 ]3 S2 Q8 ~# c c8 Nvar contentWidth;) q( v! _% \0 V4 L0 h
var contentHeight;4 Z9 N! `1 b; e5 j
var maxBallSpeed = 50;
# j# d% X4 W* b5 k7 Y* H8 c
$ q. r7 n" m; C9 y7 P: b& F) }- H# U' b6 o6 C& l
var xMax;4 I2 m# `* z2 H% h' n5 U! b
var yMax;- L) C; Z+ O$ D; d, Y
var xPos = 0;
6 D) k; g: u2 S! ^* Qvar yPos = 0;" O; a! A, A" H2 b1 t8 ~; L
var xDir = 'right';" {9 v$ _* Z2 Y5 b6 i3 I
var yDir = 'down';+ F F2 O9 C$ x M
var superballRunning = true;
6 X E3 F9 D' h/ \* ` Ivar tempBallSpeed;
2 e4 v4 W0 }& G8 \- G2 Fvar currentBallSrc;+ t( b- Z" i" G# n6 }
var newXDir;
h2 \2 m9 y6 _; Avar newYDir;9 A0 R4 V5 Z" B! ^9 Q7 i1 `, F
, j% Q8 Y: |% W. ^function initializeBall() {1 A3 h. t* c" V# C8 k* b
if (document.all) {
6 B- ^& v' N1 w# X* b2 Z. C xMax = document.body.clientWidth1 O4 a4 D: U- \, n& D2 m/ |) M5 V
yMax = document.body.clientHeight/ n; D1 F' Z: b+ ?
document.all("supertext").style.visibility = "visible";
6 d5 o7 N5 [7 Y6 t contentWidth=supertext.offsetWidth
& [- m8 Z6 d! I) ~% N, U, f" ` contentHeight=supertext.offsetHeight% s7 m7 N! R# |. k: m
}8 Q2 h. d2 l$ w' D; s6 l0 E% C
else if (document.layers) {
9 s8 C D* h$ t7 Z, w( Q xMax = window.innerWidth;
7 C4 Y% m; V' r$ e6 O) z0 E yMax = window.innerHeight;
1 l1 k9 f: L E! q9 }# o6 ] contentWidth=document.supertext.document.width: D; Q' c6 U) l8 A4 t2 T
contentHeight=document.supertext.document.height
. @8 n6 y4 `% p. b1 B# e# z7 b document.layers["supertext"].visibility = "show";6 a m; }4 g, \# f9 q
}2 ?% p, S* _2 ~% e7 w
setTimeout('moveBall()',400);
7 Z9 h' B; a& w- Q$ e if (hidetimer!='')
9 a" N0 H1 W5 R) q setTimeout("hidetext()",hidetimer)
% a3 `2 L; Z3 N }
8 A( K+ E6 C( i/ a( G4 T# `; {/ }" z/ y
function moveBall() {1 {+ R- P2 v6 L; ~9 O( o8 L. N
if (superballRunning == true) {
3 c# P4 j* O0 q4 K' o calculatePosition();/ i3 v0 J+ Y* }1 G
if (document.all) {/ B( T0 B+ i5 H1 V) f
document.all("supertext").style.left = xPos + document.body.scrollLeft;
" S2 f. j. H. T% l! h+ Q8 R document.all("supertext").style.top = yPos + document.body.scrollTop;
# P- c' V8 r1 | }6 J" k5 d9 h- P. t9 y: a% J- Z- ^
else if (document.layers) {
& Z, q7 ~- ]5 Z9 A! |$ W# L4 l4 x document.layers["supertext"].left = xPos + pageXOffset;
$ n9 R& j, u; p3 m$ Z5 V+ [: Z, w document.layers["supertext"].top = yPos + pageYOffset;2 S; G6 |7 _; G) T
}
; G: B+ A% k( f" H! J5 m animatetext=setTimeout('moveBall()',20);
) O2 X0 Q( }: G0 M) N }
9 L; |- g! S3 _: h1 f4 c }, {* W/ R8 l: k
% A( s* q7 D0 L& B$ B
function calculatePosition() {
5 l ^' E- \& J E! S if (xDir == "right") {
) H* M3 o( C2 @8 t' a0 s4 L if (xPos > (xMax - contentWidth - BallSpeed)) {
z! ]& e# Z) | I* m2 ] xDir = "left";( a8 k- d% w9 i5 G! c
}
/ ^3 }: u+ _7 o4 c7 h L# K }$ j7 _( I' T+ x: \0 p- h8 G
else if (xDir == "left") {. n! c+ r* l l7 U. `' V3 ^" ]
if (xPos < (0 + BallSpeed)) {$ x0 y* m s+ b# A# F3 Y
xDir = "right";
& C. U0 ?2 b8 I7 c% k+ f9 F8 c }
" v; u$ s3 w4 Y+ }) P7 ` }
% g+ q5 G( J1 q3 z% o, T/ X if (yDir == "down") {7 w6 X- u9 h9 V5 y: l; R& c$ c
if (yPos > (yMax - contentHeight - BallSpeed)) {
& G7 C5 L3 e7 K; @/ q yDir = "up"; w# _ W& T' {7 r. u+ Z
}
# F5 d+ F) c+ N }- V& f8 r/ z# Z
else if (yDir == "up") {
: Z* S7 c; f$ m& n& i4 b" ^ if (yPos < (0 + BallSpeed)) {
4 C0 Z9 z: p1 F( k6 M yDir = "down";3 E6 B) \* `0 {8 D5 I" h- z
}% a* |- C% f+ s$ |
}
7 \# l3 G( Y: m4 |4 | if (xDir == "right") {( f& i0 S5 v3 q7 q6 f: T
xPos = xPos + BallSpeed;
% G' f5 X3 |3 e! ?# k9 a) z }! C- d- ]- @: N1 q3 Z! u
else if (xDir == "left") {9 @( n7 ?9 R* u [+ a/ F5 V7 |! ^
xPos = xPos - BallSpeed;+ I! d7 A, I' y3 x4 o
}( k) ~; ~0 u6 Q) i; a8 E
else {6 k7 g3 K6 p R; Z7 F: r
xPos = xPos;
7 \4 m, x8 b( e+ L1 P& k( e }% ]. v4 F8 V0 n9 X# A6 T' g
if (yDir == "down") {
9 f5 D' n8 f4 [( ?' f. Y yPos = yPos + BallSpeed;; T6 e! U8 l F0 u( w& c
}
% `. }; M3 L; @1 z5 h5 }& u1 Z/ \ \ else if (yDir == "up") {
- a& i( o% W _8 r" v1 d+ ]1 [- t yPos = yPos - BallSpeed;
- ^4 Z" `$ z) H2 w% z. y: w7 F1 ] }
& ^2 n) [6 P4 w& p2 w- T' z else {
& R6 j" Q) A# u2 v7 q: l yPos = yPos;, h! a" Y4 W S( O7 n5 w' V1 f
}
* z+ x8 F# R3 z! R( s3 \4 v4 W }+ w8 z% B* V) P! K0 r) U
$ _8 u c1 z% X$ l- J) d
function hidetext(){8 h" s& X* I* N( s4 n
if (document.all)0 x3 Y. y$ m' A% a5 U3 d
supertext.style.visibility="hidden"# {6 G+ e3 B3 _
else if (document.layers)
# t) [7 F2 w4 j$ `" j" \document.supertext.visibility="hide"6 O% P o, x2 J3 ?# }
clearTimeout(animatetext)
% C' r9 T. |# p. B* u}
% Q7 |7 A3 r3 R3 g0 e% {. G, J$ V/ N1 U) [* K6 ?
if (document.all||document.layers){
: I5 Q7 n% k4 C; Kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); N6 h0 C! ^( r2 {
window.onload = initializeBall;
1 Q5 C! H# q7 i+ f3 Mwindow.onresize = new Function("window.location.reload()");
$ V, g" |" v: E& P3 [- F4 v}3 K0 W% |$ v0 X! b4 o* e
' t2 Z5 s, h! N( o# h; s p
</script> |
|