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

|
网页之不断弹射的文字-特效
<style type="text/css">) o* k6 F. M# i9 O) t- x6 P
#supertext {
: ~# C$ X: N9 G3 U( gposition:absolute;
$ I; w7 K7 ?5 {8 R& a+ b5 Z& Sleft:0;
# E6 ]- C4 Z" D) ]2 Ytop:0;/ V/ a' K+ [- A1 j4 i6 V
visibility:hide;0 O; n' U$ L8 a L& c
visibility:hidden;& a( U% `$ F( _ E
}
, @4 s% w C( f3 B1 `</style>
4 I2 @! i# c4 H6 O C' s0 E+ ?5 G$ `<script language="JavaScript1.2">; K8 F; @; o6 j0 u5 Y
<!-- 改变下的字体的大小。颜色-->
& i, l0 v, g" T9 _8 @7 }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. p$ W x2 K: ~8 [var hidetimer='';
n5 E7 q5 p5 [6 }) t<!-- 改变下的弹跳速度-->
3 X" d7 T |: n4 @0 j' Evar BallSpeed = 20;6 R" o1 d- k/ c9 @
var contentWidth;7 j+ b. i' L" q* t
var contentHeight;; u4 t2 Y; [! G C% e- s$ L% A
var maxBallSpeed = 50;
5 B9 ^( n4 P2 z+ w7 M7 ]/ U2 R$ T) B1 P: z: ^( K5 O# L8 i
$ z. S) h% Q+ V" q: }5 C- U" c2 Q
var xMax;, W: X; B! P- @" J" }
var yMax;
: d. M% }: {2 N+ K8 o8 ?var xPos = 0;) l% S0 o; |: `$ L0 ? Y$ H9 ~& h% @
var yPos = 0;
! `' z5 w& c) d6 [! u5 o9 k) gvar xDir = 'right';! q4 Q: W+ n( {) [& m
var yDir = 'down';
0 ~6 g7 m, |) ]# Kvar superballRunning = true;
& \% d0 V1 i; c bvar tempBallSpeed;- y" }$ m* J: h! V6 f: N8 P
var currentBallSrc;
5 `/ H2 F! w- c B" z2 n* bvar newXDir;* N7 J" X7 q1 T/ p4 p8 L
var newYDir;7 f: w& V- B6 _$ f3 c+ c
1 f' H0 I" w; o% t i; R" efunction initializeBall() {9 P6 i( @( M6 d6 ^
if (document.all) {; R7 H5 ~8 ]/ T0 F0 Q
xMax = document.body.clientWidth
8 T6 ^ ^' H0 b s1 S yMax = document.body.clientHeight5 w% K! u# G& E$ K' f; Q
document.all("supertext").style.visibility = "visible";; U8 _3 ~9 ]! o( C( O& U# V
contentWidth=supertext.offsetWidth X8 q1 `! N# `% ~( P! U
contentHeight=supertext.offsetHeight! l% k6 h& ]. M
}3 \# {- `. l+ X5 d* G% c
else if (document.layers) {) `$ o' w; W, i8 Z& j
xMax = window.innerWidth;
2 Q4 B! S, G# X8 p% l yMax = window.innerHeight;/ {7 n# u0 R5 Q2 Q# M9 W$ |
contentWidth=document.supertext.document.width
5 ]& j+ O6 Y7 \* W/ |( u contentHeight=document.supertext.document.height
& z9 O* ?3 T+ \' d$ G/ d( w2 @* [' A document.layers["supertext"].visibility = "show";
* P( e8 ]3 c' X$ t' d! L }
. j8 I( f+ K1 B9 f' B6 z) y! G! U setTimeout('moveBall()',400);
9 q2 b0 i1 K" _6 l if (hidetimer!='')
+ y7 a1 p( o' E/ f" G setTimeout("hidetext()",hidetimer)3 Z9 w2 N5 v' m* f) e
}
7 }+ ~1 |( H0 o* K6 o
, M! p' g+ x' D1 }function moveBall() {
8 b2 _/ o& k6 M! I if (superballRunning == true) {
* Q& T3 q' H/ T calculatePosition();
: O+ V& c" I* `7 d4 i. u8 _, G if (document.all) {$ c7 E8 x6 ~) K$ W+ A
document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 S* e) Q0 L3 ]: S8 o0 k9 o$ `, n* U document.all("supertext").style.top = yPos + document.body.scrollTop;4 L1 |8 D: L" P, F1 B5 n# g
}
& S' b0 y" O9 n6 [& t3 ~3 _% b else if (document.layers) {
9 w; u: t5 ], Q$ P: F document.layers["supertext"].left = xPos + pageXOffset;
% G$ S8 v e l, e4 ^ document.layers["supertext"].top = yPos + pageYOffset;
* A: R; ~) O5 M9 H2 _. H& j% c }6 l) c/ W+ P& e7 B
animatetext=setTimeout('moveBall()',20);
' b( {% }# g4 t8 p! ] }
& u. x. z8 _: B g; `+ ?1 g }& Y1 }( _, N/ Y. }9 E$ T& O
& j, }5 w w9 O; E k9 z
function calculatePosition() {7 u! p' T* x T* J7 H! ^ T' V
if (xDir == "right") {* W& d' |, B. N4 J# ]- J
if (xPos > (xMax - contentWidth - BallSpeed)) {; ^" j9 w' W5 T: F: e) I6 b8 z
xDir = "left";
B0 l/ ?; Y! u }4 E$ c+ i5 l, y" {
}
& b& x6 I: g5 D* K; m else if (xDir == "left") {
( b- A# O* y: X$ b5 G8 ~+ R if (xPos < (0 + BallSpeed)) { O: U5 p( d b. C0 b$ e0 b
xDir = "right"; U" \7 g8 l2 n: E/ C+ s! W
}3 B7 H$ F' o+ f9 E
}
5 l$ P* M( a U# r t if (yDir == "down") {$ E2 h/ b- i6 U% m
if (yPos > (yMax - contentHeight - BallSpeed)) {7 S. q& b* }3 A* z6 j( t4 W; j7 ^% ^
yDir = "up";
4 H; n, |2 Y4 P( o }
; d# E3 U& k5 k! ]: y }
9 e5 Q& L0 R4 t" k5 i7 p0 Z else if (yDir == "up") {: E9 o$ Z& u9 O8 B9 T2 S& \* f
if (yPos < (0 + BallSpeed)) {
6 t+ C; r. |- N& k2 j( f) W8 c yDir = "down";% `/ E+ ]; g' S% f; P' `5 A. l1 A
}
$ ?$ l9 a1 P2 W! N- F# Z }
0 z+ ^. @) C6 t. H1 I2 v+ V& z if (xDir == "right") {6 K+ b, D5 u+ v. m
xPos = xPos + BallSpeed;+ i! P' k. U% M) n& L. K
}& w. F+ q4 @$ y2 j
else if (xDir == "left") {
& f r& ^) u. I xPos = xPos - BallSpeed;) L* }# V' H2 B- {
}- Z0 q/ E; ]$ }% ~9 i) b
else {
2 G, e* {* h2 V* r v: d/ }9 U xPos = xPos;- ^6 f8 g5 r, W$ F7 A2 p: K
}# _! K7 k( z9 g. Y/ x. H5 G
if (yDir == "down") {
3 I& A+ U* q" ?5 d yPos = yPos + BallSpeed;
! `/ i1 t, Q: L1 r* [ }
# b" E, `1 h( O else if (yDir == "up") {
) h$ P8 d3 o8 O/ s: o, G yPos = yPos - BallSpeed;
" f$ n M4 W; o' q' M# e* | }0 a% D4 q3 B) F: [/ v! w
else {2 R Z- c5 G- s4 ?+ q2 x
yPos = yPos;9 E* Z: F, F) b+ n7 s2 x
}
* c- g0 u+ c; G* f+ A/ L }
4 h6 U# K2 `% ?$ j. I* t+ A3 H- v8 ^+ }3 Y+ g2 u( R! m
function hidetext(){
. L5 C* n5 S% T6 tif (document.all)
" x. g/ ~- s$ z3 P0 isupertext.style.visibility="hidden"
0 q. ~+ Q/ r4 Z b+ m7 lelse if (document.layers)
0 J" R5 ^3 v$ i/ ?: z# ]document.supertext.visibility="hide"
: J2 P r0 R, {$ Z7 \7 z" I7 D1 l7 gclearTimeout(animatetext): p# z) z4 |5 A7 j6 j8 d
}# j J3 u" n! {8 S; L1 S
' \* m, H" v. Y0 p' qif (document.all||document.layers){
7 s n. Z: X; t/ E! L E: Jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! U$ p* N# W7 d, |$ A
window.onload = initializeBall;
* T6 Q) W" G. j, P" T9 D4 \& Z: ~window.onresize = new Function("window.location.reload()");! W3 {7 c9 d4 r8 k. r; n8 x
}
- X0 G9 P' s Z: a% E Q
: S! G; A/ n3 D" D1 U- J3 k</script> |
|