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

|
网页之不断弹射的文字-特效
<style type="text/css">2 v% {9 X5 m7 x& ]7 S1 t
#supertext {0 i( L) X" A1 k( \# @4 M5 G; d* k
position:absolute;+ D* c+ w8 S7 T& k0 q6 `6 K
left:0;' W* G4 I& F, D$ }
top:0;/ a; ]1 i1 ~# P' b: F2 u
visibility:hide;
9 @1 ~) K9 F3 ?6 G; ]visibility:hidden;; |7 E( p% y' E g$ O/ a/ A
}
. p% _5 I+ ?- u$ c</style>7 Q" A1 V$ g* C! _' } e- P
<script language="JavaScript1.2">5 @! P8 o3 a. O3 T
<!-- 改变下的字体的大小。颜色-->- s7 @1 f: D2 w1 B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 u8 q# [+ j* l5 U9 {& n/ Hvar hidetimer='';
3 Q( b7 J2 x# K* J k4 K& B1 U$ _<!-- 改变下的弹跳速度-->
/ j8 y8 \( n/ Xvar BallSpeed = 20;8 C7 V! A: v( `+ I- [
var contentWidth;
6 K$ { n* l. w, H9 i9 u7 t" l( Tvar contentHeight;
$ {$ O4 L% `- S3 G3 G7 E zvar maxBallSpeed = 50;
& c( ^! B8 W+ D |8 I$ I% ~9 p: u1 P% ^7 e2 A- w3 o$ v
6 e6 A" j" l4 Y4 O
var xMax;
3 q! m( K/ H, f/ T/ }! h1 nvar yMax;: ^- ^5 m a' _! K+ l) q
var xPos = 0;
: e% D5 ^+ \4 l9 `var yPos = 0;
, Z. G- E% ?/ C2 l d6 L2 `var xDir = 'right'; |+ G8 Y: H' l9 Q3 c
var yDir = 'down';3 W" p: ~8 S4 ^% k. x& B: L& N
var superballRunning = true;
9 d2 L3 e& }* ^% v9 k0 I- _1 ?var tempBallSpeed;
0 _/ u8 l& v" ^: u% j$ r4 Evar currentBallSrc;" T s' e: ] a& n" M5 ?! n9 |
var newXDir;$ K4 { r! E. S0 ]) g
var newYDir;
( e" u8 {! [3 V' b% n% s: j. H: t* l# B
function initializeBall() {* t/ {) V, `5 q1 j1 u3 _, [
if (document.all) {
; u) g0 ]; A" A" C& h: l xMax = document.body.clientWidth8 m( `" d/ F9 o' R
yMax = document.body.clientHeight' }- o& w; k; C# P4 [
document.all("supertext").style.visibility = "visible";
4 d5 ~2 }( X! B/ N" W, m contentWidth=supertext.offsetWidth
$ g4 Z' W; s) t: N1 }$ d contentHeight=supertext.offsetHeight# {0 E* N, Q) d+ y8 g
}6 z; U. u* f$ m" {4 y
else if (document.layers) {
g |$ s9 r/ T2 C5 m; A xMax = window.innerWidth;
- f2 \$ I: f! b yMax = window.innerHeight;# n/ h, |4 \8 `8 W4 R! Y
contentWidth=document.supertext.document.width
& u+ p; M2 @5 j9 U9 e, n8 z' e contentHeight=document.supertext.document.height
* s A2 q7 P5 _( I, T( X1 d/ v document.layers["supertext"].visibility = "show";3 A) v9 i" N: g/ p2 N8 U
}3 W# y8 Z7 {- g2 E9 E8 f6 G
setTimeout('moveBall()',400);9 Q5 G7 h0 n/ e( ^' ^4 l
if (hidetimer!='')
8 |* U- I: i, f5 W" Q setTimeout("hidetext()",hidetimer)
- I* Q3 n6 Q" \ } z, r! R+ p* |6 i3 @& E
. r6 C# z( B% P+ lfunction moveBall() {
* q6 V o+ f/ n7 l' h) w if (superballRunning == true) {) C4 h7 e# s L( X7 I
calculatePosition();) c5 m5 S$ X( b1 l4 Z& S
if (document.all) {
% s8 W5 ^$ a* G8 E document.all("supertext").style.left = xPos + document.body.scrollLeft;
! |5 ~9 c& p/ Y a- W$ T' j5 B4 x' X0 ` document.all("supertext").style.top = yPos + document.body.scrollTop;; v$ e0 Q3 J+ x' s% c% j
}
: B; S1 }! o' f5 X3 q1 A6 x1 b else if (document.layers) {# \/ I9 [3 |) t9 B! I. q
document.layers["supertext"].left = xPos + pageXOffset;
/ {3 i; h# [/ F- ]8 N" N- \' _ document.layers["supertext"].top = yPos + pageYOffset;
4 z4 _& B: C# |/ o$ V }% o2 O8 Z/ C- |6 g e
animatetext=setTimeout('moveBall()',20);( p3 l& K5 U, x7 S0 H( J% l- d
}
" N1 x/ J5 Y. }+ i. M% V1 s }2 H# H5 x5 g8 B1 t% j
: T+ b# G6 N: U$ x$ z8 H2 i( l
function calculatePosition() {4 B+ t' b! u, b
if (xDir == "right") {
7 h' s$ d) r2 G; L; \ if (xPos > (xMax - contentWidth - BallSpeed)) {
% B4 y) e$ I1 e7 U; ^ xDir = "left";
V$ N6 |$ r# n" U' `, ^; w( ?7 i }
; Y! Q$ b$ c$ [+ l1 z }8 P! x) s# q3 o
else if (xDir == "left") {- A5 D% L$ c, m! |8 y9 A
if (xPos < (0 + BallSpeed)) {* Z6 F& K4 V1 X5 Y
xDir = "right";
, R1 S. a+ u6 o }* F/ v: b0 |4 N& c1 p7 f6 |4 b8 f1 l0 ^
}
: w9 R* o4 |3 D+ t if (yDir == "down") {
6 T2 K/ b5 q. a$ K$ S2 \9 [ if (yPos > (yMax - contentHeight - BallSpeed)) {
; N% L0 I D, k8 W yDir = "up";( v/ y2 p+ a$ g& r0 S
}0 b! e6 b, P6 f4 J6 \4 ], L3 Z
}2 R& K$ m0 K; j) \
else if (yDir == "up") {
% P/ V& s/ Y4 J5 |, W, | if (yPos < (0 + BallSpeed)) {
5 A* P# B3 n1 h" j yDir = "down"; F) t- t4 A% g( d/ U! q$ Y; v3 q
}5 @# t/ N6 C2 F
}% |* F& d4 J x" E; u
if (xDir == "right") {
: Q- R8 H1 M& C xPos = xPos + BallSpeed;
9 u: O5 V [$ Q }' s9 X- V; w2 _' R" a( A0 ?3 B J
else if (xDir == "left") {
5 E6 m U T: K6 s9 v xPos = xPos - BallSpeed;
* k# f# x5 p! D! `% q' j }
7 ~) w; `: K! t) _8 ~ else {
4 @+ p( o" r/ `) O% ^* |' T& E2 m2 G xPos = xPos;& n1 W- H6 U4 z8 o3 r3 J! p
}
, [& E# ^# \% E+ x4 x2 Z6 n if (yDir == "down") {1 O- u+ x( z, J
yPos = yPos + BallSpeed;
9 k( l7 A' D) X3 Z, d' T4 O/ o }
* }( R4 D" e5 _6 i! l7 j$ c else if (yDir == "up") {# r. I0 F2 R5 C
yPos = yPos - BallSpeed;2 Z8 q3 ~: m! t4 ?2 H
}+ i0 t4 g/ \: C' }0 R
else {0 l" j, H4 `" e3 J+ ^9 h
yPos = yPos;
4 e: {1 @' r m% d }
: U& z! k- f" e7 l4 K- `6 n }% A0 J* d! A0 m z9 r, |- u
' a9 Z( K+ x' E
function hidetext(){8 c2 Q- `8 [( c9 S/ [4 t& G; }6 I
if (document.all)
, f" }, Q! `; z |: @) u$ Y; _) esupertext.style.visibility="hidden"- U6 A6 j6 ~& q1 ]. D
else if (document.layers)1 K% p+ p- ~ m+ {. _4 u3 E, K
document.supertext.visibility="hide"1 ^5 o0 u, d$ ?7 s7 r* c
clearTimeout(animatetext)7 Q5 {0 K3 ~) T. j
}7 e) H) I: W" z3 f8 R" Q
+ \ N% K% M8 F6 r
if (document.all||document.layers){$ |% |- c5 D) I* b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 R1 t' l: F; [7 h5 q; d3 U: iwindow.onload = initializeBall;
; i2 q) X" z; hwindow.onresize = new Function("window.location.reload()");- j, j8 e4 f# Z) E
}4 j& Y# p% B' H! b- h
" U' ]7 ?8 P: s4 G! p7 }</script> |
|