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

|
网页之不断弹射的文字-特效
<style type="text/css">
* j* i% J1 Q0 l+ x* l#supertext {& _1 [, M! q5 |
position:absolute;
. Q4 B: h( S" r6 _5 qleft:0; ?7 E. l* ^1 R' W! ?9 i
top:0;7 } J2 m# u# R' l8 g, U9 o
visibility:hide;8 C, g+ L3 c0 d+ B
visibility:hidden;2 M @7 b' @% N+ t1 q8 D
}4 n; k+ k5 a) J9 O
</style>( X" w( r- e3 \, y4 [/ C
<script language="JavaScript1.2">; V1 m& D, Y* k; |
<!-- 改变下的字体的大小。颜色-->
. |3 x! _) l) f2 Z) X3 b/ kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 \6 r, L6 k8 q B3 z( |% s5 Gvar hidetimer='';
' t1 _: a7 ]1 L& n( i9 U<!-- 改变下的弹跳速度-->( c, b6 U0 ]( a H% E9 T1 }
var BallSpeed = 20;+ W( C O1 c9 k S" r. T
var contentWidth;0 ]1 D7 j0 z8 \$ ]/ {6 e' Y; a3 c6 H5 E/ t
var contentHeight;
+ M/ h! E$ S$ O4 Vvar maxBallSpeed = 50;' R: S+ O' r" d' K3 I& O4 A& t
4 C7 J5 z: J6 d# N* r
2 ~& |. B% l, M0 m$ d( V4 c
var xMax;0 o& }- Y' l/ k0 h
var yMax;8 L' ^7 B, R/ {+ ^6 K2 y/ n
var xPos = 0;7 H [+ e, H& i# _# f% v) k* h
var yPos = 0;
+ F& @( s- N" Lvar xDir = 'right';
5 _. j7 a" | C, x6 {( Z/ h# s. Gvar yDir = 'down';" P+ s1 U+ S* |% X) l2 H' k% T
var superballRunning = true;
& r! k" l" l6 I" k- i/ zvar tempBallSpeed;
: ^: o/ \1 l0 N4 O# tvar currentBallSrc;" X2 f. j B; D7 D2 H7 w9 A& f2 U
var newXDir;
4 X+ T& L9 b4 O7 r: kvar newYDir;7 [! y) n$ R5 U2 x; v) @0 J
5 u; P% q- b9 T% p! k
function initializeBall() {% L6 Q. @+ `& j# n! F g8 k+ V
if (document.all) {4 f* p" k: w6 G/ v2 h
xMax = document.body.clientWidth
7 a4 i" b0 b3 R! A8 j yMax = document.body.clientHeight
) A% i2 T* s; m; `0 n, {6 B9 N document.all("supertext").style.visibility = "visible";
' ^1 u; I/ `& |, l' r: q- | contentWidth=supertext.offsetWidth
' v+ A- l3 {9 u+ _' ^" j contentHeight=supertext.offsetHeight
1 {3 K/ {1 u2 |- G }. \& Y/ x; h+ J ` D$ T0 s+ [
else if (document.layers) {2 v# U% b3 y7 |% \& D! k: |' d
xMax = window.innerWidth;
8 J& j( W# w, n yMax = window.innerHeight;
( c9 C# F1 C3 i& x contentWidth=document.supertext.document.width
0 q! P! L) O# `+ Z: g' s1 L contentHeight=document.supertext.document.height
9 o% |' A# w) m/ `8 S, p2 q, z document.layers["supertext"].visibility = "show";
% I# |: A: `; ?" t. f }! @( @' [5 I! J* T# c3 f, v
setTimeout('moveBall()',400);& c8 K5 `% R# C$ E$ d( r: H; R A
if (hidetimer!='')3 |7 M [1 v! [. ]
setTimeout("hidetext()",hidetimer)6 {; \9 E- J5 H8 v3 u S
}
& ?2 u4 W4 U, S+ h- [9 A2 C; j9 u1 I7 w% d; z& R5 ?) N; O
function moveBall() {) S" A. ?# v; u9 {& g
if (superballRunning == true) {+ H4 `( _5 y. j% Z" y7 H
calculatePosition();
! ?7 M/ h( h. V! ~* F if (document.all) {# l8 ]* L- U- E
document.all("supertext").style.left = xPos + document.body.scrollLeft;+ y' }1 p1 q' R: J
document.all("supertext").style.top = yPos + document.body.scrollTop;1 |' S3 e6 b Y3 t& a, b
}
; r* L$ Y3 [0 `+ T+ H5 W7 K- w else if (document.layers) {
5 } l0 X" Q, z; O8 E" q6 x% M4 t document.layers["supertext"].left = xPos + pageXOffset;' J, j, v1 n2 G
document.layers["supertext"].top = yPos + pageYOffset;& _/ R3 q. b+ Y. S
}' F- b' _3 @$ D% ^ {* Q
animatetext=setTimeout('moveBall()',20);: S/ W# Y; { a+ M3 Z! }$ f
}& O$ F5 G$ l) T* B+ f, @
}* i' v2 J! C0 C/ M6 ^
! J9 t! B: @" {% d: q1 B# Z
function calculatePosition() {2 }9 U. i9 y- B
if (xDir == "right") {5 ?, \2 U) ?! i+ \6 r
if (xPos > (xMax - contentWidth - BallSpeed)) {- |) Y# y8 D( ?8 S
xDir = "left";0 [# o% A+ i i3 [2 q L( Y5 {
}% R& O) q& z( H: [
}
' v6 Z# V2 k* T" n$ n else if (xDir == "left") {
! k/ o I. W# F! _+ a; t8 D& `: A if (xPos < (0 + BallSpeed)) {9 t3 V$ T) U4 O6 v2 R9 J# Q
xDir = "right";# R" v4 g' M; X. d2 _3 j" L9 X
}
+ F: R# a. F) V1 @+ N# A: L }6 P0 J2 I) t& S# h
if (yDir == "down") {! I; h! l6 H& j/ I
if (yPos > (yMax - contentHeight - BallSpeed)) {
/ f3 R4 o* j0 N. I yDir = "up";
4 v4 L0 q8 y! J: ^1 B$ _ }% F4 z* [! t# i5 R1 Q; A* U) P) v
}
- R1 H. e7 I9 j/ Z0 |) j else if (yDir == "up") {
" i( C+ U& v% ~5 Z3 p if (yPos < (0 + BallSpeed)) {* Z& h9 d' ^/ v4 ?- a3 a
yDir = "down";
* \" A# ]# ?/ b' ^4 \ }! X m. `- ?- t, i" o! @ k2 k- T
}
4 ?8 |: y! E' `- X" y1 U if (xDir == "right") {
/ M1 y, R6 ]+ U0 D xPos = xPos + BallSpeed;
4 }. f, {; m; G' a1 Y$ Z }
1 C5 t6 Z. C$ u) X else if (xDir == "left") {. k: T# S# x: Q# B
xPos = xPos - BallSpeed;# F/ M) L( B$ b' w
}
) H( n% s- Y, B! t* M else {
4 P" P) X& A" U* @& P6 Z/ X" j6 E xPos = xPos;/ f2 F4 Z8 _1 O0 S2 k
}" I% n9 L5 t* C3 j- D0 P# P
if (yDir == "down") {. t+ ? I. ~" }1 Z2 Z
yPos = yPos + BallSpeed;
5 j# p2 {9 I3 [& A* t, R }# x# }/ {+ c, M4 X: h& w% [& @& L6 ?0 v# X
else if (yDir == "up") {
9 u+ j8 q* U- R7 D/ U7 _( O yPos = yPos - BallSpeed;* J; C6 I" n- `5 W( L# Z
}6 ?: v8 }! A7 w+ R
else {& @6 F6 k K6 }& R% z- q9 [/ J
yPos = yPos;' J5 `7 A |8 _4 h9 C
}
/ n7 E+ u z% Y. }/ I }
( x9 y& C7 D% L; R: I
2 Q# f+ s6 c4 l2 \) Qfunction hidetext(){! `& s4 [1 j3 T1 n* Y% z5 `$ {
if (document.all)
8 z( |& {7 D- L6 u7 qsupertext.style.visibility="hidden"4 c% B% s; p+ l) ]2 t6 _+ m
else if (document.layers)
; ~2 E# T X) j7 J( ~document.supertext.visibility="hide"- u" } a$ M0 H2 P R- M
clearTimeout(animatetext), E% [4 M# D& H5 n) K& @/ k
}1 x0 h0 b$ f3 W) x
K# T" r ]8 ]6 |8 D! y) j
if (document.all||document.layers){
: h+ w5 P. f, {* l3 {$ udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" _1 [6 ^2 i7 {. B# h$ d! k( j4 gwindow.onload = initializeBall;
+ h; [$ A' g9 ?) ^: Iwindow.onresize = new Function("window.location.reload()");% L! o' Y0 z Q2 E+ F
}
4 D6 j# ]* J% ^: G7 u( n# B1 k- }/ N: c9 ?
</script> |
|