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

|
网页之不断弹射的文字-特效
<style type="text/css">& c. G2 L, B3 s) l# {8 {' _- W9 @
#supertext {
! G" t+ r# Z* U& r4 Eposition:absolute;; a: a$ b: k- q' w8 \3 B( f: e( B
left:0;; s; S; M& B( s4 b5 U
top:0;4 X: b: a# X1 H) G+ j& F. c& O
visibility:hide;
0 y" D: B; f- U6 n/ m% `visibility:hidden;
( t1 f7 M2 s* A2 `4 i1 g& `6 W! z}
* D4 U5 l2 K7 _/ ?5 o5 o: B" |- V</style>% ^+ I9 W5 D( _. u
<script language="JavaScript1.2">
% \1 C* f2 L; b/ o, ]$ J# H<!-- 改变下的字体的大小。颜色-->
7 G5 B$ E# w' q* g! Z2 A' K: C4 Hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; m3 A, K( j' z5 G6 L, _, m5 d
var hidetimer='';# ~0 Y. X7 W- ^$ }& p5 z/ c
<!-- 改变下的弹跳速度-->1 S2 u( ]7 y5 T6 H0 \* k+ @
var BallSpeed = 20;6 E6 } F: c# s! e# c) u
var contentWidth;
- \" l( u/ k$ lvar contentHeight;
# M3 P* U6 c! R# t; M i- X u8 `var maxBallSpeed = 50;0 a1 G. E4 s: n% A3 a# `. {
4 y! y7 T D* F) |6 m: p8 R0 z) Y; K' L
var xMax;/ D% j; R( T% k- W2 n2 A
var yMax;9 ?( R% X8 k6 n# e- C) j& g/ v
var xPos = 0;
! n h3 B3 E. R1 t; `' ~) c, a) \var yPos = 0;: g$ ~! ^ V" L; _- ~& ^) X$ q& Q
var xDir = 'right';
3 O/ i4 Z# ]0 n9 E% `1 Lvar yDir = 'down';
" o3 ?& }! ]9 Z8 H0 l3 v8 ~% c" Zvar superballRunning = true;
- ]* G" `: G* ?( |var tempBallSpeed;
4 o* j+ ^2 @( q* `% Avar currentBallSrc;
1 |" R# k F9 K. b( v" G/ evar newXDir;8 l# C9 ?5 c, A0 V' r: d6 l
var newYDir;
% Q: D0 g8 @ ?3 d! h/ U: I& m. M
function initializeBall() {
. e0 E0 T" [; S; u7 A if (document.all) {
7 T% ^* E. F/ X' z9 M xMax = document.body.clientWidth
0 z8 f4 r! Q5 l yMax = document.body.clientHeight
% ^6 B' I# @% ?: L3 l5 [ document.all("supertext").style.visibility = "visible";: v8 t3 ~- C' j; v6 ?! t* U
contentWidth=supertext.offsetWidth
/ P& i5 I% f( U$ }* E contentHeight=supertext.offsetHeight
: {0 [" G* R* z. J }# J: M9 f! T/ }* S I4 a7 x* L# c
else if (document.layers) {
5 D( F& E: j& ^; q; u xMax = window.innerWidth;
; \9 a. P$ ?) j+ `- S yMax = window.innerHeight;
# v4 ]/ L2 }: W$ G contentWidth=document.supertext.document.width- D V: O! J) }' B5 z
contentHeight=document.supertext.document.height
5 T5 t* N' ] D% w( Z- | document.layers["supertext"].visibility = "show";# f) }( i7 V( y: I. I, E
}
/ C" b X( o2 c% |* f% Q( o# A" P& C setTimeout('moveBall()',400);& s2 x2 N1 T4 F. H; F' [: h
if (hidetimer!='')
# I, a8 V- ~3 u5 O) D" S setTimeout("hidetext()",hidetimer)9 _ y# M: c) e$ u: \
}' v. ~$ q; ]4 I: D
1 a1 Q( C2 `* f# l
function moveBall() {) k. O% x: o8 B- L7 G( H L# D, G
if (superballRunning == true) {
9 R' {, C7 P& l0 a) [ calculatePosition();5 p# U1 r- ^ t* }0 }5 _
if (document.all) {
" U* ]" a- H' K8 V document.all("supertext").style.left = xPos + document.body.scrollLeft;
- j+ o( w' R! p- A document.all("supertext").style.top = yPos + document.body.scrollTop;
# z1 _! m- @6 U3 g }' R* r0 [9 H8 G7 ~& l% k
else if (document.layers) {
7 n" b8 P- O, h document.layers["supertext"].left = xPos + pageXOffset;! w1 I, I3 K) e- n
document.layers["supertext"].top = yPos + pageYOffset;( Q0 S. v V8 V, E8 n: g3 i1 U/ L
}
+ A- ]& k. w# i I animatetext=setTimeout('moveBall()',20);8 S4 H, F6 \7 X$ |+ j) F. G, @
}
) X+ F& f( n3 }$ c }
0 v7 \4 a" Q- @# L2 D8 h. j, Y: o
function calculatePosition() {5 f% r4 _1 ]: G$ L$ t; D, Z$ e4 J6 [
if (xDir == "right") {% w4 q4 o& e# b6 X( b. a- c
if (xPos > (xMax - contentWidth - BallSpeed)) {
9 z# a7 E0 M: x, N+ e5 r xDir = "left";: o% S! n$ z* Y$ j( ^
}) U0 e. t8 Z' ~$ F$ J5 ~
}' R; A' |0 }$ z/ r7 C
else if (xDir == "left") {
1 x; o: r# X* [% K( p& V if (xPos < (0 + BallSpeed)) {; b& \& l3 `7 s& I
xDir = "right";
2 j0 W* s1 A) X8 k }# G$ K8 r; Z3 Q* |
}6 Z9 ^/ I T3 ^/ ?3 d7 m1 Y
if (yDir == "down") {- Z h7 Y3 t# c% S6 m
if (yPos > (yMax - contentHeight - BallSpeed)) {
& X G6 E% |# K5 ]/ N1 C yDir = "up";. _8 [) a1 I+ H3 y; s/ H
}
/ S. P- p* r9 P& d2 _( ^8 d }
" {$ l& L8 P" w else if (yDir == "up") {! y. Q3 `2 X* [3 o) D2 j* C* p
if (yPos < (0 + BallSpeed)) {
4 V% ~& C* k$ R$ p8 ]4 E yDir = "down";
+ e* n% e6 e0 z/ J; v/ _; _ }
: E. k* C* m. A( y$ B# j5 |) ^# X }
3 k& n: s i) q/ U if (xDir == "right") {3 c% q m( Y1 m/ H. B' l- F0 M
xPos = xPos + BallSpeed;1 c9 E! m" h! T+ v
}
: d( q& l/ G9 y4 T! D6 w else if (xDir == "left") {
' R0 M: D; J& c$ {) @ xPos = xPos - BallSpeed;
, B! _% |, x6 } }% }$ l7 T/ I8 C0 U I$ w1 c* D
else {
* f9 e: b3 K1 f J* s6 o2 i+ I xPos = xPos;* V" A. ]. R; y8 D- t- z
}
|: V0 z. _! g3 P# S' S if (yDir == "down") {: @/ F7 h0 o @' H8 P
yPos = yPos + BallSpeed;
0 |1 C9 @# x& t% g4 Z }
0 E, K, B6 o; Q else if (yDir == "up") {
' k; x6 M+ c' x, W! K$ i1 m yPos = yPos - BallSpeed;* H; O& D' j" v; y8 A
}
$ Z8 ~/ H- O* M0 A- R6 d0 F else {
9 u( N: `$ ]0 m3 @% I yPos = yPos;
/ o+ \- ^2 M3 ^! e$ {% d }
- j& Q% }7 b4 W7 v, i }7 a; w' d0 U3 S5 t* ^. N
7 z( r% N- r2 ufunction hidetext(){% Y* F/ {9 l# q$ y, w) _% k
if (document.all), s! I& m0 H: D# @" j5 I8 m3 e0 S3 I
supertext.style.visibility="hidden"( k8 Z& E( u$ c0 W7 z/ _
else if (document.layers)
" z; Q8 X; O% F6 Z/ D( V) c( g$ c) Ddocument.supertext.visibility="hide"* m) q1 W v8 W
clearTimeout(animatetext)
$ d& h0 X# g+ ?4 H. f* Z+ G}
Y$ r. b" Z- o: H% L) o
+ k, i0 }& L( a- K- pif (document.all||document.layers){
, |. S0 |0 g, z. s: Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, z! v5 S* p% a/ u jwindow.onload = initializeBall;$ K6 C; i" N7 y& I
window.onresize = new Function("window.location.reload()");# g! d3 A2 p3 K6 h: i% l) D8 c
}- ^# h: s5 X( g0 g" m
+ H" b' [% H5 L! x# u
</script> |
|