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

|
网页之不断弹射的文字-特效
<style type="text/css">
+ @, f1 `* l G: L* r) w, I#supertext {
' L# p& w2 ^+ a& M# Fposition:absolute;
9 g3 Y8 R, P& p% j* ?left:0;
' j% m$ {/ Z9 Mtop:0;
& w0 Q* L( s# {6 h- |visibility:hide;* G! x6 T& z+ p9 p |
visibility:hidden;
0 K- m9 L7 U- W1 R2 m}, P4 E# Q- |0 n ]% y4 Z. t0 @
</style>1 u1 M4 V6 |; Z ~5 N4 l
<script language="JavaScript1.2">9 q2 J( Y. O# B! O" |1 `( j
<!-- 改变下的字体的大小。颜色-->+ Y# G4 z9 V2 @( |) Z% B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( [* r* V9 W% e- @
var hidetimer='';# c/ D% Z5 Q# @9 b0 Z% l/ K
<!-- 改变下的弹跳速度-->3 l& ?8 E& X! R" e6 J7 F% s9 }
var BallSpeed = 20;% g$ C1 G( S& a8 [' u8 P/ d
var contentWidth;
5 r0 c) j" y9 j4 g! j/ G* Ivar contentHeight;
' H4 ?1 ~8 Q1 I' Y) n7 G# [% x: Uvar maxBallSpeed = 50;
0 x5 ?- h+ G+ V! X/ K' D+ \6 {3 u) K# {7 R. Q& O9 u0 P# B
) ?! r. s1 e! C! F8 y1 o2 G
var xMax;
1 a/ D/ W: k: [( I$ Fvar yMax;
. J3 |* z- s1 I( uvar xPos = 0;) {/ g# O$ V+ X+ M3 {
var yPos = 0;" Q9 \9 r6 V. g/ l0 ^
var xDir = 'right';2 B0 q$ Z. ^7 |+ b. B. b+ q
var yDir = 'down';
! |- |/ y2 t/ [) Tvar superballRunning = true;
? g$ I" g. j8 ` z1 }" Y( ~var tempBallSpeed;
' y" Q: U9 t& n" E5 y% ovar currentBallSrc;
5 ?7 k/ A( Z/ [# z+ l# D9 Gvar newXDir;
' G/ y- T X. vvar newYDir;
" q6 ~0 j, M+ ?3 y J: c4 U. j1 c9 v# y. t3 ~+ O
function initializeBall() {
/ e: G9 [7 Q) z8 H3 g3 C$ L if (document.all) {
+ i/ y M ^: o xMax = document.body.clientWidth
O2 P" q& X/ ^$ e yMax = document.body.clientHeight+ k7 x) L9 `% v0 N- h
document.all("supertext").style.visibility = "visible";
" ]0 y3 X8 {1 f$ c7 V: n7 L contentWidth=supertext.offsetWidth! Q* g6 `( D# e$ ]
contentHeight=supertext.offsetHeight
2 e5 w, K& W4 {. f( Y |% i }9 ?+ @* l+ _& G$ }
else if (document.layers) {: M( u9 b T5 u! Q# ?; H
xMax = window.innerWidth;3 x2 O4 i1 [( @
yMax = window.innerHeight;
9 G4 A8 ^9 K# J9 \# z contentWidth=document.supertext.document.width
: f& a+ T! J( E' j contentHeight=document.supertext.document.height: }8 A( \: Y9 u: l( _
document.layers["supertext"].visibility = "show";
! j& C7 \, Q" D8 {9 p4 N# K }
* w7 J' W% u& ]. k" F setTimeout('moveBall()',400);
5 {9 R. _. @, L& S if (hidetimer!='')* q/ s- h# [3 f4 y; m
setTimeout("hidetext()",hidetimer)
% O+ Y& @3 y1 l* a9 G0 X+ a }
3 p6 l, Q( p5 Z- `7 i; _% A
- ^( o; l) t6 }0 o* qfunction moveBall() {) U2 i; B4 [1 C5 R: B
if (superballRunning == true) {4 b4 Z* @ [! }
calculatePosition();
+ h1 J6 D$ \, B% S+ n if (document.all) {
7 V& `: r9 @6 s' {0 B+ O document.all("supertext").style.left = xPos + document.body.scrollLeft;7 q% s5 I; X' N8 w+ f8 x+ g
document.all("supertext").style.top = yPos + document.body.scrollTop;, |0 X# r/ {) Y7 X
}2 g* |$ a4 K$ M8 X- S
else if (document.layers) {) T3 h4 k- e8 }4 s$ v3 @6 U
document.layers["supertext"].left = xPos + pageXOffset;' u1 P+ D' W- ^8 o- w# Y% y
document.layers["supertext"].top = yPos + pageYOffset;
1 v/ e& | Q6 N+ A- w0 j* d7 r }- Z5 S. y3 y. w4 Y" z2 E
animatetext=setTimeout('moveBall()',20);# n+ |) d1 N6 b$ J
}
. C- B+ B' r' `/ o1 p" S6 _ }
3 P7 Z& b% m* O, v" d3 R+ T& p
1 W$ x5 l. X2 p( Y& s. qfunction calculatePosition() {
! E7 h' T9 U: [ if (xDir == "right") {8 q$ m+ Q# {* S. s+ x* m8 P
if (xPos > (xMax - contentWidth - BallSpeed)) {! e* {" c# t; t
xDir = "left";7 y* ^8 s W8 f4 [3 P6 X
}0 D; b Y* H- {3 `0 n
} a0 i6 f+ \2 M! R V2 |' ^
else if (xDir == "left") {
/ e$ n/ r8 _: Z; [( A! k3 x$ g6 O if (xPos < (0 + BallSpeed)) {
8 o# ], w" l- o% w! N5 [ xDir = "right";' G4 @3 D0 X5 n0 g) t# Y
}
" k- t2 k! \. z }1 ~, \9 y y/ `2 p8 X! ]; i
if (yDir == "down") {
( B/ Z; }" u. X2 a! a& D if (yPos > (yMax - contentHeight - BallSpeed)) {8 h3 j" h$ j/ f+ E; o. ^2 u9 Z
yDir = "up";& `9 d8 n& B4 @3 e
}/ M, ~) w( V+ [1 ?5 P
}
6 M% X1 a: r( Q" z8 ^& h else if (yDir == "up") {& @1 }" x9 f: {+ u
if (yPos < (0 + BallSpeed)) {
8 f: [% P+ w$ f) c) h6 F7 S& i yDir = "down";# a2 T' F5 c7 l
}
# A+ } m; O+ r& W }
2 L2 N- }+ \6 D4 O6 W if (xDir == "right") {0 W" T# i0 @2 s: @; }. I
xPos = xPos + BallSpeed;4 f) M1 w. ?: C: y4 J- P
}2 b \; d, m7 J9 b& I* O' }
else if (xDir == "left") {
9 [/ Y1 o1 M7 g xPos = xPos - BallSpeed;( ~* \* M9 w5 A" v: G* [& Q
}
+ b" z% s |4 v9 u, S7 V4 X2 \ else {1 e" X M4 N2 j/ Y/ N
xPos = xPos;
; b5 n7 }8 [4 a# v% T }$ J) z# w$ ^6 D, Z p
if (yDir == "down") {& K1 @. h! I3 E$ L, h4 g$ d
yPos = yPos + BallSpeed;
4 s. O- z2 |5 j$ N" S3 Z X: Y' d }( ^5 O/ q; P: U
else if (yDir == "up") {
1 k/ n6 y j, [: f yPos = yPos - BallSpeed;
& g j( Z3 ~- c. ^% u p7 @ }
. g; ^# p" a: f; t2 p& O else {3 ^0 q, W4 L s6 @+ F
yPos = yPos;
s V7 @ W' {: T2 i6 w }0 r! T" _0 w5 C9 {5 M3 R( f+ r
}8 r+ d' Y- }# r" N, V: }5 ?
! `& \+ a3 l& e# y: s! Nfunction hidetext(){
6 }$ c2 f* b9 |% `; R+ K' ?if (document.all)7 i9 M% a' }" i8 C4 I. w
supertext.style.visibility="hidden"5 s* t" b% _3 t
else if (document.layers)
& W) G. W g, _1 L& qdocument.supertext.visibility="hide"
! M2 g' _4 b: [9 c9 {clearTimeout(animatetext)
5 I8 r3 I" x) k! \9 q}
, G& ?- X( z6 ?$ q3 z" M2 A5 y8 m2 h0 ^. c$ @+ V
if (document.all||document.layers){2 c" `7 l+ |0 k- X6 G j" z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): c$ h2 n+ s6 a$ E) X+ `6 h, v" y
window.onload = initializeBall;
& q& b+ q9 f1 i! R5 o+ n4 l" dwindow.onresize = new Function("window.location.reload()");
1 j* `; l& X. ^: l3 A! j# Y; D$ C}0 j8 M( g9 V3 b0 R* t5 S' i
1 w1 q, I# y# F- C+ b9 f6 w+ N</script> |
|