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

|
网页之不断弹射的文字-特效
<style type="text/css">
+ A; \* Y# T' J5 p2 B- ]#supertext {: y# B' [/ U: u" @& A/ l4 h- \, `8 z- `
position:absolute;9 j% w) t- P# S6 L
left:0;
h9 p: O& E8 u9 Mtop:0;7 j1 n/ ?* |$ j/ T8 P# q
visibility:hide;
8 ?$ \; ~3 A1 _* Tvisibility:hidden;5 x* V1 J! C; G
}" q0 J3 _7 _ I( o5 W
</style>- u1 j) v d) e! H# C4 D
<script language="JavaScript1.2">' E" Z) l7 ]/ l* H0 y
<!-- 改变下的字体的大小。颜色-->
, T' @, @: H9 r" b) O. cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 i4 I6 \; E( \8 L6 V! Hvar hidetimer='';
$ p- C: f% k6 T [, i" E<!-- 改变下的弹跳速度-->
9 V/ I" I( q. M& v: p3 Y% Jvar BallSpeed = 20;2 R) I( [' W& U. ~4 x
var contentWidth;
1 D. Z% B8 x& f& ^8 kvar contentHeight;
" R9 T% Y; W0 o1 [5 J3 U7 Avar maxBallSpeed = 50;! ? t, i# W# n% v
- X+ y) X5 _/ U# j+ Y3 H" D
& G5 }4 K3 t$ W2 Uvar xMax;
f! i2 T0 y$ vvar yMax;
2 i1 U) A( a* Hvar xPos = 0;! D7 H Q. [- z; E5 f: `% |
var yPos = 0;
( O. E! N" q" N/ k5 fvar xDir = 'right';
0 G) I# U' K6 p7 g1 s0 o$ C% `var yDir = 'down';: R* v; |2 s) L% C6 y5 A( I. t9 ^
var superballRunning = true;
+ ^% H# f# \8 q# K- Avar tempBallSpeed;8 B" u2 d8 C4 a
var currentBallSrc;
0 X. ]3 S3 _! y$ F bvar newXDir;' c* ~# H% v1 ^. @' U2 D4 W* b' ^
var newYDir;2 p( V* l6 g8 f+ B
0 L5 g3 D* R" q
function initializeBall() {
$ t, G! I. ?) C- t* p; }* V5 L+ f/ Y if (document.all) {6 \, d; k) E! A' @1 a# t
xMax = document.body.clientWidth0 B! X4 f- N1 @: ]! x
yMax = document.body.clientHeight+ y6 {" T; y. f* W% M
document.all("supertext").style.visibility = "visible";
0 o6 S3 F- f1 @) B contentWidth=supertext.offsetWidth1 A* q$ C4 I9 i- m: ~
contentHeight=supertext.offsetHeight
9 k/ X1 H8 H, g1 N8 q m }: Y! {$ e. ^" z" K
else if (document.layers) {
$ ^( ~+ P% R/ H7 ~ xMax = window.innerWidth;
; `; ?; M- @, d yMax = window.innerHeight;* p+ o" k; {; R5 A+ u3 r& I
contentWidth=document.supertext.document.width
" f" O' Z1 z C, Y contentHeight=document.supertext.document.height
1 H; O2 m- ~# \& B+ y7 a document.layers["supertext"].visibility = "show";, o- h5 r9 J2 q& U+ k/ R
}) G) l S2 O$ j9 e! `
setTimeout('moveBall()',400);# d9 \- Z7 s% a! i
if (hidetimer!='')4 B- l1 W$ S8 g" Y0 j. c
setTimeout("hidetext()",hidetimer)
1 j7 n; o: E7 q( V8 V }
# a# v* Z5 Z: f* b9 P5 z/ d' p' d4 [# c# @6 E/ K) T, z- T
function moveBall() {
" _, G, G: l9 @$ n; I; h if (superballRunning == true) {
% y- Z* u0 ?/ h! H& \ calculatePosition();
7 B: j2 A" H2 |! w- P7 _ if (document.all) {
`0 J3 A5 ?8 U9 k3 }) C+ z document.all("supertext").style.left = xPos + document.body.scrollLeft;5 P1 G8 {9 [$ Z, j
document.all("supertext").style.top = yPos + document.body.scrollTop;! b7 V% K1 n i
}
$ A" c. g" I0 q else if (document.layers) {4 X( |8 i& _6 G- k" a( i
document.layers["supertext"].left = xPos + pageXOffset;; f# |" c+ o% b! g# @: G. ~0 U
document.layers["supertext"].top = yPos + pageYOffset;
' @( d, U- [, T7 F }
5 w, |" _+ r' A/ B9 ~ animatetext=setTimeout('moveBall()',20);
5 s7 ]* q p. P }; T4 T/ R, L* l) I& B& u2 E' A
}
$ X9 w4 ]' \. N! e8 N
; \/ L+ w1 a% k q. Y2 Zfunction calculatePosition() {, `0 d2 X4 |, k* ?$ X, S; i
if (xDir == "right") {
5 L4 E& k V* k+ [% v, A" G if (xPos > (xMax - contentWidth - BallSpeed)) {
, q+ _4 \/ H( x" ^3 l3 m B. w xDir = "left";$ C* u0 p) D! L; B
}) N( E1 f2 k# _1 X
}
* w' x+ l& w- K! t, p else if (xDir == "left") {) r) [- s- O4 b% W3 b4 N z: A% j9 F
if (xPos < (0 + BallSpeed)) {1 E& ~2 ?" Z- h0 B3 g# m7 M6 B1 ]0 {
xDir = "right";0 `2 ^- @. ^: C1 P
}
N0 Y6 o8 @6 e }
+ u* V/ Q" L) v- x( `; k; ~0 b if (yDir == "down") {9 A, @0 v- _+ Y$ \" q$ A" v
if (yPos > (yMax - contentHeight - BallSpeed)) {
* P1 h7 t2 i9 y8 w( E yDir = "up";
3 E% D! N2 N; s0 q! i4 A3 P$ I7 L }! F! p6 D, |) t6 b
}1 \4 C$ T" ?/ }
else if (yDir == "up") {$ L, z# y+ |! K9 Y- ^
if (yPos < (0 + BallSpeed)) {' G' Z4 T7 ?4 r( h
yDir = "down";
1 ^: y# a X: |/ t; p5 i* X$ G }$ e! s0 x- Y# H: C
}
3 C( G. N2 k' Z( k" W if (xDir == "right") {
: t+ i( W' O* b* A xPos = xPos + BallSpeed;8 K' V1 L: R# K3 K# I# C6 a7 I
}
5 k* k& h# ^+ }0 u) V else if (xDir == "left") {
# _; A0 _4 \$ g- g7 q0 h xPos = xPos - BallSpeed;
6 p# h7 ^" }9 |& h }
! g6 `2 S$ |- n J- q7 C else {
* s; i" c1 ]- z! b4 w xPos = xPos;
3 u2 M( k! c% y$ J- a8 E/ d }
n2 B( \7 f7 K7 f if (yDir == "down") {4 l' J* ]4 O' ?, q- M6 x. w+ b
yPos = yPos + BallSpeed;
E8 q' f; j' q0 q/ z; y p }% Y( m+ [+ Y" N8 a" X5 S3 @7 z" @
else if (yDir == "up") {: T c9 w' L) i f
yPos = yPos - BallSpeed;- L" i7 H' a+ t
}) G2 w2 b" Z: J! U6 G
else { w! i2 g2 G$ }" p% h
yPos = yPos;
1 Z% ]" M1 Z: I }0 Y. d7 K. N3 w) n6 J
}! ?& w: d* ^) Y; |
1 r) Z7 y" G8 |$ m4 c' E' Y
function hidetext(){
" s/ h, U, r k$ n" o2 Nif (document.all)
- h9 }7 B) z5 a3 Q0 rsupertext.style.visibility="hidden"
5 T. [- @6 U: p) j+ j1 pelse if (document.layers)4 m, y( N$ _. _
document.supertext.visibility="hide"
" U, s' e: S, J) ]clearTimeout(animatetext)
7 x g' C$ N6 z+ [: o9 v4 i}
- @- v, ]8 A! t+ Z; K3 P7 j0 G! O( i2 g9 n' x" X8 m4 c
if (document.all||document.layers){8 s* C7 C+ A( P P8 F5 a8 A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 D/ W0 G7 E0 b4 x* Ewindow.onload = initializeBall;
% @7 Y3 V2 v# Kwindow.onresize = new Function("window.location.reload()");% A; j$ a1 \! F2 W+ x( t1 `
}
6 d0 y; [( c& a7 q K& g$ H& O( P- p! `" V) l9 Q4 @. L! Q- F" K
</script> |
|