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

|
网页之不断弹射的文字-特效
<style type="text/css">
5 P7 e Z7 l+ }$ p7 W8 x+ Q# h#supertext {
1 p; u6 { k5 r* @9 y6 ]position:absolute;, V# Z4 `; x- u+ z) T5 l
left:0;2 k$ ~3 m9 |, Q
top:0;6 i. V% G" i6 }- N: C
visibility:hide;9 P6 E0 N$ m. o* \
visibility:hidden;
4 U' L" {1 A% Y5 X4 y% I o}9 m* W, z5 _% v7 [- C
</style>, k) y& N8 _1 P# b) S2 e
<script language="JavaScript1.2">
* }& x H7 u, l, G8 p) ^<!-- 改变下的字体的大小。颜色-->1 D3 v* T7 H( O: u' t
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
r" l$ U' l7 j' T) h! Hvar hidetimer='';: C1 F) k9 f' k4 `4 Z
<!-- 改变下的弹跳速度-->
2 i2 @, g& @# _var BallSpeed = 20; ~ b! l1 s% G
var contentWidth;
) c/ _2 Q4 l( j, \1 gvar contentHeight;3 h8 H; E1 m. m9 m. }% l
var maxBallSpeed = 50; B2 E1 ^% [) N e2 A6 W% l
7 b7 \4 a) K: k8 u9 t4 Q; |
7 C; M: o/ ~) g9 Cvar xMax;8 u$ \) X8 [( Z
var yMax;
% m: x0 W1 I5 l' s2 ?) vvar xPos = 0;- u2 }$ L6 D3 q3 h- U/ k: i) q. A
var yPos = 0;
) Q7 d9 Q/ Q& B( P: \) k& l6 Lvar xDir = 'right';- V: Z: t) w! j# L
var yDir = 'down';9 R: V S3 h1 R1 q! z( w
var superballRunning = true;
0 E0 ~$ @9 J9 ^7 r v- j- v6 }9 D: ?var tempBallSpeed;- ]+ |, h3 n% ^4 g" @. Y" @: K
var currentBallSrc;
: e* i0 h0 e! n/ B; R l4 E% b/ c2 n5 dvar newXDir;
& ?, Q4 _ V2 t3 F, T }% w8 avar newYDir;/ Y$ A. n! l' h' C7 e
9 @2 i$ p% y$ ~ n0 [function initializeBall() {
' s9 O1 _& c' M2 x2 _) m) s if (document.all) {
$ X" E; ]) {' P" b j xMax = document.body.clientWidth
6 I$ d! B6 H. C- @ yMax = document.body.clientHeight) y0 B9 M) ?% j4 y
document.all("supertext").style.visibility = "visible";
, j3 @3 m( y" y6 ?. x contentWidth=supertext.offsetWidth
" R4 J2 f- A/ S3 ^: l0 G contentHeight=supertext.offsetHeight2 ?) b& n0 {3 m+ _. _/ \
}
7 ]# w0 b1 w3 G" j' B else if (document.layers) {2 Y b$ C; C; {1 h. b- d; m. Z! P
xMax = window.innerWidth;6 K+ H: l" n0 H: G5 p9 O
yMax = window.innerHeight;
, s. k4 S [. O$ h contentWidth=document.supertext.document.width
5 Y$ |2 Y& m/ y x contentHeight=document.supertext.document.height/ w5 U, K- I6 d% \
document.layers["supertext"].visibility = "show"; J8 Y! K, `) [* E7 P H7 R! [
}8 q/ c$ D7 E# y, _
setTimeout('moveBall()',400);
2 K. y( A: \5 {* O if (hidetimer!='')9 U a3 K) _9 v! ^+ {
setTimeout("hidetext()",hidetimer)
6 W' H4 X8 O/ d2 K# d! x7 \ }
9 r3 V9 W9 o- m! D9 d
! I8 z1 }4 @9 l8 a3 o, ffunction moveBall() {( [' [8 I: T4 t/ }
if (superballRunning == true) {5 e+ x/ W5 M9 @8 Q0 ]- D$ b
calculatePosition();
! ]( o" H+ r R2 X" H& c if (document.all) {
, }# z4 ]" X0 ~% x+ ~7 b# p document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 s, T% a" e- Y" y$ }9 p) L9 Q document.all("supertext").style.top = yPos + document.body.scrollTop;0 a% A; J6 E( }. m) `1 h
}+ u# ]5 M# u8 q8 F1 q8 R( G
else if (document.layers) {9 x& o% y0 b8 d$ H& W2 _9 v
document.layers["supertext"].left = xPos + pageXOffset;
' [) m3 C$ @: d9 c document.layers["supertext"].top = yPos + pageYOffset;
H8 o: C( l2 T8 Z$ k$ B }- b8 ]; t6 r0 w6 y! [4 z
animatetext=setTimeout('moveBall()',20);
' ^" `' T' X3 l9 w) A) y( @ }9 A/ t2 J7 ~$ B8 n+ d6 K
}2 t: Y e0 w6 f7 ~
. I4 D+ Y X5 ^7 k M+ ~function calculatePosition() {% h# ~8 m* k9 y: m, @( z
if (xDir == "right") {
. a: O% x4 P* s if (xPos > (xMax - contentWidth - BallSpeed)) {
! w/ Q- w1 ~% n/ h; \/ \3 x xDir = "left";
+ T1 I( E! O8 l' @ }
; w! C$ W6 ]0 r- @9 w! D }% y m; S+ c; A+ s: J
else if (xDir == "left") {
$ b) X% R O0 U3 R7 s! K if (xPos < (0 + BallSpeed)) {
5 l) |) b O, h0 |1 y) |* g xDir = "right";- G$ K9 o c2 a# }1 `+ Z
}
5 v: | T2 e2 E- ~" H9 q+ v }+ C0 o4 |3 s5 B, D
if (yDir == "down") {
$ I9 O, a4 L( K1 r! | if (yPos > (yMax - contentHeight - BallSpeed)) {: {7 m x" A+ k: A- H: V; L! [
yDir = "up";
+ Q+ `6 w5 ]- ]/ s }
# [% }, d5 B8 l7 M5 ?$ i }
! r# Q: ~- ^+ u else if (yDir == "up") {4 J, ]' b0 f M7 h4 }7 h
if (yPos < (0 + BallSpeed)) {
) _% `+ N" y2 Z" u: t: {! n yDir = "down";
" {* _' d# \/ [! ~) B3 K! b }
+ V9 g; A9 S, Q2 H }
7 c" `% `3 [! T if (xDir == "right") {! {0 `! p" U4 N+ k$ }
xPos = xPos + BallSpeed;
; |* F! b/ t6 v$ z9 c; _3 v3 y# T }
0 w/ N$ r8 N( I$ G2 i. [1 r else if (xDir == "left") {
7 d$ ~& }+ c5 ^4 U2 o6 { xPos = xPos - BallSpeed;
6 ^3 e* c% P5 E% E }
3 x- [3 B1 @: w& C1 O4 G; ] else {; a( k& M$ ^( P0 E: G' _- c
xPos = xPos;
7 b0 G% d3 s/ `% o2 T% R/ Y }
/ ?' K! c% p% \$ m if (yDir == "down") {1 q0 C. `4 G) D' A0 o; @9 O8 N
yPos = yPos + BallSpeed;. G! |" ^5 y5 b( G2 d9 ?
}) M5 y% k$ T; e0 z! R
else if (yDir == "up") {
/ ?5 M7 i% w1 O! n8 h yPos = yPos - BallSpeed;
* k" H4 s, s8 c5 G }+ f( B0 W: Y/ U/ b) I& }( Z( X
else {
3 K6 G. Q4 i d# }3 T yPos = yPos;& l& L1 B+ _/ |2 z' A- R. u
}
- g3 S! N6 m0 W. q" _8 L; W* L }( s' E l9 e! B3 h) I
% H t; R/ L1 a$ f4 T f/ Pfunction hidetext(){
7 |0 W/ v& T8 [5 M' ^( b6 Bif (document.all)
& B* F; q7 ?' |2 J1 y$ _supertext.style.visibility="hidden"; N' g0 i+ d" m9 b: F
else if (document.layers)- |- Z& c% \6 T6 s# \
document.supertext.visibility="hide"6 J9 }: ?) w& W" \% T9 J) Q' A
clearTimeout(animatetext)
' G% t; {/ K6 a* A8 i# z# J8 ?}
& {/ j7 f2 K- l( n W
0 u4 L+ R! G9 q0 G& j3 ]if (document.all||document.layers){
+ B a+ B$ W& T/ R2 ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ h$ _/ K% z; B( d j7 i {9 dwindow.onload = initializeBall;) I+ C- P$ s- Y( Q, f8 g* k
window.onresize = new Function("window.location.reload()");/ J2 Q( ~. e2 G# D- j
}* j' r0 S. d: j+ M* y% H2 ]
! \# g# c& @/ P1 s* o9 K$ O</script> |
|