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

|
网页之不断弹射的文字-特效
<style type="text/css">
: u8 n8 h; g( W: S& r; H#supertext {
& m% ]4 X1 D) @& v2 iposition:absolute;
0 m/ r! S! f) L. c) Aleft:0;
/ \& a# j; `2 I; t( ?5 Ntop:0;8 V0 A* A0 J' t1 m+ y0 C; J: s! ~
visibility:hide;
, k7 _# Z( d- e9 ^visibility:hidden;) U8 }+ `9 l7 x2 ?8 v. F
}" ]2 g" i7 A; N5 }: O6 T
</style>
/ H; E/ V! ^+ q A: ^<script language="JavaScript1.2">) }8 d4 d2 r8 g
<!-- 改变下的字体的大小。颜色--># Z+ ?) p+ D4 K7 N+ q9 t4 a- h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ v( r3 U3 O1 T1 ^
var hidetimer='';
4 d& D" s8 E7 W5 Y, Y<!-- 改变下的弹跳速度-->. E" H3 }8 A3 E/ i
var BallSpeed = 20;5 }8 \' S' Z0 H) m0 C
var contentWidth;0 S) {% D: e/ Q. a" C* i/ J
var contentHeight;0 V6 ~# W a& X* R/ a$ l2 }# R
var maxBallSpeed = 50;' p6 H$ X6 w, j
1 d. ]; Z, G0 @
, z3 C- z) |8 x% l( M2 a" h
var xMax;
5 ^0 M1 k, ^/ u9 ~var yMax;. n% `8 `2 l" e
var xPos = 0;
, r5 ?) v1 Z1 i# `& s5 nvar yPos = 0;5 h7 C/ Q/ y8 W
var xDir = 'right';6 H- y% E, Z4 ?! c1 n3 K
var yDir = 'down';
0 _/ h4 v/ H- E" `5 M; |9 G# Nvar superballRunning = true;
+ I' P9 N! \7 y5 W, @' Y X+ B' J6 ]var tempBallSpeed;
8 {$ j4 O; D0 T, T1 v# rvar currentBallSrc;8 v2 R2 m8 f8 x/ a
var newXDir;
+ @8 g" U0 A1 ~var newYDir;- R$ R& D6 J& E, i) `9 m
( Z( X8 f- Z% f4 I
function initializeBall() {
1 T5 N* |9 l, U. v if (document.all) {
3 a2 {+ q( s- c0 z7 B% T) { xMax = document.body.clientWidth- _. z! m" }7 @! e8 p6 u4 r& J
yMax = document.body.clientHeight' A! z) }, m: K4 P( I9 X
document.all("supertext").style.visibility = "visible";. w9 O% X5 a8 Y3 e- c% q
contentWidth=supertext.offsetWidth
& F( ?; l+ \/ S" A* ^- u contentHeight=supertext.offsetHeight2 U) j& ~* Q5 O
}
+ `; Z% z: Z8 t3 y2 u else if (document.layers) {
/ W5 l. g0 W4 N/ ` xMax = window.innerWidth;
5 p# |- o3 n3 F9 l- Z1 Z yMax = window.innerHeight;& J) b* o+ K8 q# Q, u
contentWidth=document.supertext.document.width# o$ `( b e. k* z+ E, S
contentHeight=document.supertext.document.height/ s( P% l- p5 F0 i
document.layers["supertext"].visibility = "show";
5 ~+ P! e. M2 n; @! o4 _ }
' V: y9 j6 P9 }- D setTimeout('moveBall()',400);
& x5 P! |# y/ l9 G if (hidetimer!='')8 k. k# H/ y( w$ r: X- m) h
setTimeout("hidetext()",hidetimer)0 `9 s+ C4 O6 j" c- H. G* ]& ?5 z
}
8 n) u* ]+ V5 o. X+ x' g! H' t! `/ _$ C& S
function moveBall() {# O$ N" T4 _6 p* ?% _+ Y: h
if (superballRunning == true) {" l; \$ J+ p7 p
calculatePosition();6 ]) h0 N( j' B
if (document.all) {2 R W; v" R3 @- y
document.all("supertext").style.left = xPos + document.body.scrollLeft;- ?, p) ?0 O, f4 r
document.all("supertext").style.top = yPos + document.body.scrollTop;
1 x5 X* G' ]5 l. h& ~' p }, @( Q2 K, {$ U+ {% e- N: D2 d4 ~% `5 }
else if (document.layers) {; p4 @0 {' E; J3 ^9 \/ g* n
document.layers["supertext"].left = xPos + pageXOffset;
# w7 I+ A, u( f! A G* O( f document.layers["supertext"].top = yPos + pageYOffset;4 P1 y2 t' B+ v
}
4 }- m5 Z2 X4 i- l animatetext=setTimeout('moveBall()',20);* ~" h9 K' C! q' ~+ r i% }
}" S# ~7 f! F, N0 o- c. D% _2 |7 b
}
8 |3 ? c, G* l$ l2 T3 n! z" Q0 d8 e$ x' w2 d* Q3 d# q
function calculatePosition() {
% h5 P- B/ U+ w7 `# j1 I if (xDir == "right") {- _) n7 U V: L6 U' N
if (xPos > (xMax - contentWidth - BallSpeed)) {
" L0 L; w, ?: ]' H5 f xDir = "left";1 ?/ Z Q% q: B- W0 f) t2 f$ [
}
I" i. _' F5 R6 x; f6 i& R+ s }- ?0 R8 `# K" o4 d+ }; u6 q
else if (xDir == "left") {8 a! ^. g( b9 ^; _$ Q+ W
if (xPos < (0 + BallSpeed)) {
" P) x3 ?5 b M! n xDir = "right";
9 Z- y3 Q6 d, W$ j4 D% A- m }
+ |9 _, [; }' [% r0 O& v }) {# b6 H T2 n2 a' C! i. E* B
if (yDir == "down") {* D, j; R1 K# {; Z2 @" H
if (yPos > (yMax - contentHeight - BallSpeed)) {9 c+ ?9 R% w5 H# l3 Q) g* c
yDir = "up";
& L; @5 }% V8 {- a. Q: t }& }, [- W+ L& R# j. s9 V9 b
}
( F! H$ Y4 E/ Y else if (yDir == "up") {
; i D1 M: ]- {" R2 |9 Z- P if (yPos < (0 + BallSpeed)) { T! W/ w- [6 R8 H
yDir = "down";
- \+ `/ T9 y: J }! j9 \! z- ]( P5 m. B- Y8 l
}
7 p% }. p/ X# E7 e if (xDir == "right") {
4 T; V5 I4 I: m+ d/ ?% r* d3 U1 k xPos = xPos + BallSpeed;8 S- b% }7 p. ^! q, E
}0 @0 G: `- Q$ F. n
else if (xDir == "left") {
6 u. u* X7 l: I- e. O& C( D xPos = xPos - BallSpeed;
( m+ U+ x2 y* H6 ? }, O" w. C# n J; K
else {- m S+ O) N" f4 g- A: ]
xPos = xPos;; _8 i' Z% e, W) d: H
}6 r; ?; |& j' W% w8 i N
if (yDir == "down") {
$ Y9 V+ F Z! T yPos = yPos + BallSpeed;
: \. T, D5 u* w }
* K2 ? a4 X+ U$ d; a! F else if (yDir == "up") {+ u, [; Z) s$ x0 }* V
yPos = yPos - BallSpeed; ]( J1 Z$ r d- t
}% s/ \$ n8 b T" F+ u3 k8 k O/ e6 p3 }
else {! o6 u0 e0 k2 R1 T
yPos = yPos;. b! M8 p% y! L$ N9 J& z2 B$ U
}4 R3 W. ^7 P1 G% n8 |$ m
}1 k+ ?" M' ?" Q
3 N% S z# T8 \
function hidetext(){0 Z# ^3 ?' ~; U! D
if (document.all)7 _2 G" V Y! J( [
supertext.style.visibility="hidden"( Q# H9 U! _$ W t4 }
else if (document.layers)
' `! _& P! \# `- adocument.supertext.visibility="hide", L- t! \8 o! F8 i8 a: Q
clearTimeout(animatetext)) F( g, o* D! A0 W
}; L- ]$ @2 p9 b" e. R6 C( g
* d) f G) F3 ?& V
if (document.all||document.layers){
/ x) M% o# p; i4 k* Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( K6 I$ b4 a( W3 H7 X& l+ y- Vwindow.onload = initializeBall;' w. ~) C- U. Q3 F, J2 H6 g
window.onresize = new Function("window.location.reload()");0 t6 b- K1 n- v* W+ f
}
}# N# g/ M. B6 S& e' L
+ | T! A# I5 _( d& X9 W1 H</script> |
|