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

|
网页之不断弹射的文字-特效
<style type="text/css">
: M- _$ t' I4 P#supertext {
4 D4 A/ B1 S5 \$ Y1 Kposition:absolute;
# v! a4 ?& E. r6 s% Nleft:0;* ~/ h: S L7 w4 K$ Y
top:0;
, ]$ u1 y9 y$ j$ W2 v# u. |3 ]: Rvisibility:hide;
* b, i5 ?& A% a) H3 tvisibility:hidden;# }1 X5 S& R0 X2 H7 r
}
' t9 _4 i1 v# d3 t, m3 ~- j</style>
2 B8 ^8 C. {. I$ t7 a7 x<script language="JavaScript1.2">
, Z; d% v% l5 W( Z: H7 W5 d<!-- 改变下的字体的大小。颜色-->
# e. j' _3 m& b `" uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% B- ]$ f1 P- n8 o. ?7 B- q. Gvar hidetimer='';, y S' R) p- B1 D8 ]
<!-- 改变下的弹跳速度-->" m0 M% d [/ L" A d
var BallSpeed = 20;
2 F% p; {& t# g% E& O) Cvar contentWidth;
$ L! l8 x% i1 Z, q- Z5 nvar contentHeight;
8 n* q) Y& F3 N+ L3 o( u! C9 Yvar maxBallSpeed = 50;
7 P+ v) Z; P( i+ ~0 _, }
$ b' c: [- ?7 w/ \7 D0 z4 d) o, ^9 i3 ^8 ~9 h% v. h( l
var xMax;
! H8 |9 ?5 z: B1 Y" b4 Xvar yMax;
1 L/ W8 j# p# }" Fvar xPos = 0;+ |' b; E: W) ~0 h8 m& h* _+ J% I
var yPos = 0;# r" \, {6 W# z, A
var xDir = 'right';' c# ?1 O y" O+ G$ u
var yDir = 'down';
% n1 f5 r9 u2 k2 j: A* U2 ~var superballRunning = true;: N) d* F7 {; b" `' D+ l; D+ [
var tempBallSpeed;
* g; X O& n% J3 Evar currentBallSrc;6 F, k) f$ V% ^7 S: y$ b z( z( L
var newXDir;9 W" x: F7 H( [ ~. Z
var newYDir;; X. F% r; {$ r9 ]' P# c2 ], H {
! _7 y' g+ K! l ]- y: H4 D$ rfunction initializeBall() {
% j" ^; I- u6 q& t+ k1 N1 D4 h$ _ if (document.all) {
, \) ]1 ]' Y) a6 \& x xMax = document.body.clientWidth
, \1 f$ }* |* X$ v) C7 X yMax = document.body.clientHeight6 Z w/ _' Y7 ~1 O0 |
document.all("supertext").style.visibility = "visible"; d" X% x4 @, \7 P
contentWidth=supertext.offsetWidth
( r$ Z% Q; v p/ c contentHeight=supertext.offsetHeight' I$ W; I* n* a" [. ~, Z
}
" P$ z) R; p _; d else if (document.layers) {
m s* G5 t/ k/ Y* l4 L xMax = window.innerWidth;2 g; j- U6 U q" f/ ?3 e" ^
yMax = window.innerHeight;
a8 t' ^/ t3 A contentWidth=document.supertext.document.width
. R" G6 R6 b6 Y contentHeight=document.supertext.document.height
; Z' j* j( q# ^: Y9 ~: P document.layers["supertext"].visibility = "show";8 c# a- D; v* `
}
; Y2 G; S9 x5 |/ B setTimeout('moveBall()',400);
1 }& @# M3 a0 a6 m( I. x; y9 K/ b if (hidetimer!='')
: A p/ r4 g' \# c# k4 @ setTimeout("hidetext()",hidetimer), d3 u; w8 L+ V4 f0 m' \4 U" k5 \0 M
}
/ _+ P# r; I' U" X' {
; l4 m0 s+ c4 j, }function moveBall() {
9 T9 [9 @, T; h* x1 v9 y+ h0 p8 M if (superballRunning == true) {& G% _1 k& b; y L3 B2 k7 U
calculatePosition();
! U' c4 c* x& C) Y5 h8 d$ x- q if (document.all) {
6 ]- k+ n4 i* F/ l document.all("supertext").style.left = xPos + document.body.scrollLeft;
. g" q& X6 U% S document.all("supertext").style.top = yPos + document.body.scrollTop;9 ?: X7 f* b8 p2 M2 Y
}
2 \ B5 L+ X7 p U else if (document.layers) {
8 i$ @& [% }" S document.layers["supertext"].left = xPos + pageXOffset;0 X6 y+ \; i: z, m2 [6 \; g
document.layers["supertext"].top = yPos + pageYOffset;$ e) i S. ^% H. P. d; b9 g0 A
}
. ^1 _* D! V# G animatetext=setTimeout('moveBall()',20);( t/ m, `& V* @+ y( @
}
3 N0 a# |$ a o& s% i& `& ^, ?. |% B }
T3 P+ O: D2 `0 _; }
7 M. P9 o* a7 b3 Xfunction calculatePosition() {
5 a( ]% w6 v1 F* u+ Y6 _ if (xDir == "right") {$ e P. \: T- @# }. V% L
if (xPos > (xMax - contentWidth - BallSpeed)) {* {, t2 `" C6 k% _0 h7 t' w9 G
xDir = "left";0 a; T/ [( S& I; \6 [& ~
}
0 ^4 g' {. O; X$ K- ~ }
4 `$ ^ i+ }, m, _ else if (xDir == "left") {1 @ }0 |; m* B+ l1 ^: a$ ]8 A
if (xPos < (0 + BallSpeed)) {7 b3 c( b& O) E0 ~7 `: ]" o
xDir = "right";
/ s H+ G$ M1 D4 w( H7 |) Z }
1 M; U7 c g& g1 y# S }3 F; U# e. O, d2 c" v
if (yDir == "down") {+ \) |" B8 }6 v. s! S! K, H
if (yPos > (yMax - contentHeight - BallSpeed)) {
6 b( g$ F9 y2 a' S! A" m+ m: J yDir = "up";
3 U q3 ]% v& N/ h }
1 `2 j. P' |. m: M) z: B4 a }
4 V0 H; F3 J8 ` else if (yDir == "up") {
- J: F; A% P; `6 W4 i9 [$ u if (yPos < (0 + BallSpeed)) {
1 J3 Y# V1 M, p& U) `' D yDir = "down";- \. H0 s k/ f% {+ M& Y
}( }5 x% K2 n) g5 C0 q3 {0 F
}1 S3 ~7 S P& j" n
if (xDir == "right") {
! D0 F4 a# E& h& _ xPos = xPos + BallSpeed;* S! f0 o G7 B: C, L2 Z" W, K
}' I( ]4 K8 J5 k( [ O
else if (xDir == "left") {+ k$ ~' ]) M; k4 V
xPos = xPos - BallSpeed;
4 s2 r0 s1 u! J3 p+ B& I3 Z }
3 h0 W' J- X# d! e$ T0 t9 m8 [ else {
" p+ v% K6 ?" G3 K0 h0 Q; ~9 m xPos = xPos;( ]2 I1 ]. H7 ~
}6 Y: [ l" i# F9 n& h4 R" \
if (yDir == "down") {* r: y( Y" Q. B
yPos = yPos + BallSpeed;3 p3 @' o& d8 X7 H0 B, {& h' i
}! R2 n+ D: W! u- x; b/ X9 b2 }: P/ J
else if (yDir == "up") {) I% K5 C* c& ?* W' q
yPos = yPos - BallSpeed;
~1 _" U* O4 y3 B5 Y7 I6 A. ]' ^( o }5 g+ {" ]5 C4 |8 c1 c: I
else {6 g4 W* A ^3 O6 |8 F& X- M" X0 M9 ]
yPos = yPos;7 P' O( N5 A+ e/ J' }& F& {
}% E" G& ^' g8 O4 X( C
}2 E$ B8 n! C- E
+ {+ ^. C& k7 Vfunction hidetext(){
' a ^) D2 j6 O6 oif (document.all)9 {- X+ Z/ I3 w6 i+ L# X* ^
supertext.style.visibility="hidden"/ L3 f4 j' N. r J
else if (document.layers)
' L* \% m! ^; b0 Gdocument.supertext.visibility="hide"
4 `- d7 W( t+ eclearTimeout(animatetext)
# p. m5 m m+ u8 i8 _}" E4 x4 ?1 m9 h# ?$ r8 c V7 o L2 e
% t8 i9 J* J6 i& [* Q: L" ?
if (document.all||document.layers){
4 f4 ^+ X/ J0 `" w$ `9 o6 {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 b u& u- O* V! s: v# c2 w7 I
window.onload = initializeBall;
M' w7 m$ m9 d; Q: K; ewindow.onresize = new Function("window.location.reload()");0 `: M5 }9 I7 Y5 v
}
: Q1 l* r6 \$ L! x; g4 o. h7 F
( D p" X9 Q8 K1 y( B, z</script> |
|