|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
* j& M& n# s. F( a#supertext {
6 w6 ]3 F5 Y( W( D2 n' aposition:absolute;
4 d5 z+ T. a- t& v" `left:0;# x* Z* t: N8 m
top:0; A, n% P' F: [4 }* x- a3 T; r3 G
visibility:hide;8 } l& p0 M* r- `0 o
visibility:hidden;8 ~) c' H% q) l2 }2 P2 i( Y" J
}1 F$ g6 T( g, f3 P3 l* t/ E
</style>
8 ~* I" ^1 W2 z) N8 M. S2 l* S<script language="JavaScript1.2">
8 a6 w, |2 L4 T c% N+ T9 ^<!-- 改变下的字体的大小。颜色-->3 h# \0 }: X) M0 t- |; b
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': ^! I4 Q% }1 ~5 |0 v( Q3 Y
var hidetimer='';
' o' M J) w6 K- K<!-- 改变下的弹跳速度-->' x5 L% e2 d) ~0 {, p
var BallSpeed = 20;0 K$ h* Y3 { F; {
var contentWidth;
8 i( N7 W/ b9 ovar contentHeight;" r" m' R7 ~8 E) B/ D
var maxBallSpeed = 50;, u& |5 a1 ^# [3 P. \! e- A# T
% x2 }# r- n2 V! h% f
) L9 c* d9 y) p/ I( @5 L
var xMax;
7 q5 m$ f0 r% yvar yMax;
6 v' o- {& K* T w, T3 N4 Ovar xPos = 0;7 J4 }: E1 J8 V; S4 V3 I+ J
var yPos = 0;: Y0 Z I7 ^+ N
var xDir = 'right';
; m4 x* c4 l4 Rvar yDir = 'down';1 ]$ e6 W* d8 s4 L
var superballRunning = true;$ T' W' n H2 _4 z' N7 Z
var tempBallSpeed;) X; Q5 s e/ [. G! x" `
var currentBallSrc;) L8 R- E1 A9 C! T
var newXDir;3 `; H1 J- r1 H" r N% `
var newYDir;5 A9 E0 v$ _% J3 O6 [8 D
4 K- v: E8 @3 T+ G
function initializeBall() {; \$ ?, m2 D) Q
if (document.all) {& n- k6 A0 d* I) H$ [3 L
xMax = document.body.clientWidth
\( z* o& T! F% C$ g+ D/ D$ {- `+ _ yMax = document.body.clientHeight
# e, ], Q$ X) z document.all("supertext").style.visibility = "visible";1 U. D& ]% E2 `5 U* H
contentWidth=supertext.offsetWidth
0 M2 v/ c) J$ H contentHeight=supertext.offsetHeight
; `' _; H7 T& W/ s1 ` }
2 `% D" m. l' s; h+ _4 M else if (document.layers) {
: ^4 R" T* i5 B- V xMax = window.innerWidth;
3 [% S2 R- e4 ^" h% I% G yMax = window.innerHeight;+ [- \; b8 j7 n4 V
contentWidth=document.supertext.document.width$ n& w8 k: g0 V8 D) \, f7 Q3 {
contentHeight=document.supertext.document.height
- c- F) |' T. a' s+ W4 L document.layers["supertext"].visibility = "show";
/ M- S- i& M) v9 j, f# a }* z4 i: { F2 G1 K' r( o( g
setTimeout('moveBall()',400);
6 u# E9 m5 O' |! O/ x( `, I9 u if (hidetimer!='')+ F5 ]- ]& r7 e$ z$ V" Z
setTimeout("hidetext()",hidetimer)8 N- ~8 U1 p! h9 E' \
}
9 }/ G8 r; R V8 T( N8 {. D6 q3 \7 h1 L
function moveBall() {
% b. J. _; T2 `8 y w: w if (superballRunning == true) {! Q9 y$ _* @9 r6 j. s" |" v" r
calculatePosition();8 P |7 D$ R& `2 D, ?! t
if (document.all) {
( m3 i: L9 V$ d/ v& B7 O x document.all("supertext").style.left = xPos + document.body.scrollLeft;* d, C; p8 F6 i' h9 ]& l
document.all("supertext").style.top = yPos + document.body.scrollTop;. [7 E* @& ~; @$ A! _! E& x
}" _0 K; I) Z! P* C. z' q
else if (document.layers) {- G0 H$ N) |6 C4 K* b
document.layers["supertext"].left = xPos + pageXOffset;% ^& M: R. }) B' I8 U
document.layers["supertext"].top = yPos + pageYOffset;
$ I4 e7 N2 _0 O }; V: K- D( b3 T+ i$ C3 S/ K u
animatetext=setTimeout('moveBall()',20);2 ?+ j+ X2 s' I4 L( m
}
, W- b; U1 U9 p! k0 z }
; ^* n* c0 U6 S3 c& G X4 C
+ W3 a# | e) k/ G2 ?function calculatePosition() {* s* M+ V4 Q5 Z4 {
if (xDir == "right") {, [" v" `. U% W# U" d% L
if (xPos > (xMax - contentWidth - BallSpeed)) {1 m4 v. o* Q R2 Y/ }5 H/ v
xDir = "left";
, n/ _+ @" ~; L9 M4 H! P }
5 ?( l: W( \; [4 ?5 b, R) o }) z' S4 [7 e$ R* m" J, s" t
else if (xDir == "left") {
( F% d2 L7 U8 Z+ r if (xPos < (0 + BallSpeed)) {2 E* ~' P- f! q# b i$ d
xDir = "right";/ l9 _5 u, P4 s2 v) s3 P
}/ B1 G9 e5 \$ v! \
}
# S7 ~1 q' l) L+ t. @ if (yDir == "down") {
+ c! J. f& X$ }* ^ if (yPos > (yMax - contentHeight - BallSpeed)) {9 z, L' z" J; G; X: L- F
yDir = "up";: ?7 G2 Q+ j& q& s; [& R9 ]: Y& t
}
5 B) J. R4 _: y1 }$ a. k }
5 k8 o# B( ^7 c else if (yDir == "up") {
( @1 f; ? a$ Z2 j& n6 `) I1 d if (yPos < (0 + BallSpeed)) {
" n. x8 y% b6 Y6 u' ? q& c1 @ yDir = "down";
( t1 _( o! g# P/ Q# L L6 q# C }. J9 w# r0 P6 G+ e
}5 q+ _8 W3 q0 N( v, Y, i
if (xDir == "right") { k1 U7 \- j$ U( z8 D- x8 I
xPos = xPos + BallSpeed;, V1 x6 V$ s8 i3 K5 E- X& T+ i$ c2 }( {
}
; m# f0 |$ B8 ]) K: f else if (xDir == "left") {4 |! L) L& K' \9 c8 ^, r! U1 g
xPos = xPos - BallSpeed;1 R9 e: a; l1 ]3 X( ?, @
}9 Z5 T1 O0 M. S3 ~4 M6 G$ }7 R- M" D
else {1 z4 t2 M& S4 k& W' }- r
xPos = xPos;, E% w0 M9 G' w! A T
}! c: w y' i# o+ u, s8 f5 r
if (yDir == "down") {3 B8 {/ E& R3 I8 E: J8 N* M5 Z
yPos = yPos + BallSpeed;& v; r3 u! T+ [1 E
}! m- C1 c! h: e+ f, V7 d
else if (yDir == "up") {
9 I3 o7 f7 ?5 _ b B" m+ H& n yPos = yPos - BallSpeed;: o# p4 t+ ^+ c7 ?0 F4 r
}
3 T1 D% B" F4 a1 V* |2 F else {
# c3 M8 P3 N" W3 L1 }3 H# O yPos = yPos;+ \+ C9 w3 h6 W; d1 w( F
}
; V! r7 j( [5 t6 S' E9 y+ u$ J }
* Q6 e9 n' A7 u2 \. b* T+ l o9 r3 U
function hidetext(){9 f% C5 u- o1 `& ]/ s
if (document.all)' X7 j+ x3 X# @5 Q
supertext.style.visibility="hidden"2 L w! q9 \" W$ x
else if (document.layers)7 k: Q- u- U. y7 J, B$ P4 E" N
document.supertext.visibility="hide"# D. W' W" u" c4 `
clearTimeout(animatetext)
+ T3 y- C3 z. x1 o8 L}! D6 m" f6 ?* O# B5 L l; L
! A, n/ o3 r3 q+ p: o1 r% Uif (document.all||document.layers){4 F5 Y7 [ Z' \
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" l, p0 r: R0 T' ~" r" A2 w* S( I g
window.onload = initializeBall;2 n5 h, ?* Y: h+ K p( a
window.onresize = new Function("window.location.reload()");% I9 h) n* ~3 b: V9 q" F* D
}. c; U" v; e9 l) ~9 f+ H! g
* e( c# O) w. }( A" M* B
</script> |
|
发表于 2008-1-21 20:55
|