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

|
网页之不断弹射的文字-特效
<style type="text/css">. C- k8 S( D, h( c0 r5 Z
#supertext {" ?, r# L! [2 f1 o$ t% E
position:absolute;. n3 s# n. s) Y' x
left:0;" W: j' ] A1 N5 J# r! |
top:0;% ^. s# B; Y( R6 X, z4 C
visibility:hide;! F% e9 O) T% _* \' k9 U5 S7 U/ s2 A" s
visibility:hidden;$ R" v! U5 W$ X4 e. ^* E( s
}
; b3 E" u6 B! g# e+ M5 R</style>
; J, }4 Y2 R, i2 E<script language="JavaScript1.2">. Y6 K& f" t6 W' R! f" S
<!-- 改变下的字体的大小。颜色-->7 o) t! K' _0 D0 c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ @% @' c! q, b1 d, a1 B# Jvar hidetimer='';
; \* h- q/ [4 E/ q7 q* g<!-- 改变下的弹跳速度--># R" _; A. q8 v+ u( E
var BallSpeed = 20;8 ~- r. n# y- V) e
var contentWidth;- V% }- y$ H, U
var contentHeight;
& J* k* U- n7 \. h1 k! z% E3 J: b/ w) Wvar maxBallSpeed = 50;
, N! }3 ` b! a7 N4 g. p
- H8 Z, q- ~2 d& {: ?1 x5 a5 B3 j6 D. J1 B( Q! `! _
var xMax;) n) q1 B7 ]( u$ I' F$ G
var yMax;
/ C9 k( L, u Z5 x6 Ovar xPos = 0;/ l5 j+ P) m) g3 v6 @) F
var yPos = 0;
4 ^4 E6 ^8 D* ~0 X4 o8 Evar xDir = 'right';* D, |* h$ h( l
var yDir = 'down';8 Z0 l) m* ]: Z/ Y
var superballRunning = true;* z. Z/ y4 M5 L# N# z9 j( H7 d
var tempBallSpeed;8 B" s3 s I* q6 I- `
var currentBallSrc;
8 X7 C# \) R$ W# O! t5 N8 Qvar newXDir;
) N- p, c" [5 ?/ [; l8 Tvar newYDir;0 m' T0 ?/ L) m2 e6 ]& ~1 n- N
: _& q$ t2 ?2 X4 A; n' J1 F- o' Mfunction initializeBall() {# Q8 O) L9 r' Z1 p( S: K2 [* o/ i
if (document.all) {
) ^( S, E. t& E0 f- m; y xMax = document.body.clientWidth
! _: r% k" D: m9 e6 x- P* ?/ K) Q yMax = document.body.clientHeight
) i4 k* [- `! Z document.all("supertext").style.visibility = "visible";9 g+ W, v2 u$ B1 v1 R/ W) a
contentWidth=supertext.offsetWidth
9 d+ J6 w2 H6 |4 ?* {( f contentHeight=supertext.offsetHeight
6 X; r' U. p7 a5 `3 t @# x- d }5 M K& f& |( o+ E+ l
else if (document.layers) {# }* }$ s4 t. t0 G9 `
xMax = window.innerWidth;
" S3 L9 a) h7 I6 N yMax = window.innerHeight;7 w2 D+ [" M4 m; t ^% W( l! y
contentWidth=document.supertext.document.width
8 H7 w ^5 h- W! ?) E5 i! H) d. R contentHeight=document.supertext.document.height
8 p) g# M0 D6 Q7 D5 r1 a document.layers["supertext"].visibility = "show";
8 d2 ?- s8 G- I' B, H" X/ A }
' m4 |5 U8 Y# B; H- r. M setTimeout('moveBall()',400);
7 ` L0 O; B$ `9 V- w- Q5 Q$ v1 ? if (hidetimer!='')& _5 O6 E+ ~0 u+ Y( @: c' I0 u" n5 y
setTimeout("hidetext()",hidetimer)
# b3 s/ j0 K% a% `7 h# ~ }
9 J0 x2 K0 d- e( j
! A; F) {4 B- @) h6 q afunction moveBall() {
$ u; A0 W8 d8 r4 g( P" } if (superballRunning == true) {
" S1 s4 r2 `( R5 O( m" f calculatePosition();7 t8 {* z% i' W$ O/ {( o
if (document.all) {
8 C5 n- R1 T1 e6 z& C document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ O& f; C; W3 |% |" H+ |; s# n document.all("supertext").style.top = yPos + document.body.scrollTop;# c" ^$ ?/ |$ E9 s J3 q, L0 \5 R
}
, U v3 f9 R6 L1 Q4 s; e else if (document.layers) {1 Q, I% g6 |1 K; ^! j% ~
document.layers["supertext"].left = xPos + pageXOffset;" q. {3 m8 {4 H2 C
document.layers["supertext"].top = yPos + pageYOffset;
- o- L7 r6 W) ~5 f }1 W: v: C# D8 Y- o
animatetext=setTimeout('moveBall()',20);7 n7 G; m. }& Q9 N1 m
}
2 A ]6 V, L0 T }& p, u" q7 l6 }% R
1 C. {' G9 ~3 ]" c
function calculatePosition() {
5 a! b6 |, P1 F: l if (xDir == "right") {
- d, ~$ c/ b+ u if (xPos > (xMax - contentWidth - BallSpeed)) {( w8 v: Z5 p- E: v# p
xDir = "left";3 F$ ~9 i. [9 _
}
; ]) D- Z J% L( Q" P }% p5 W Q; L9 A) E C. f Y
else if (xDir == "left") {
0 y6 N3 n1 \' e/ A if (xPos < (0 + BallSpeed)) {2 A$ V5 n! }4 R# a; D/ c
xDir = "right";
4 g( Z8 Q5 K9 _* g. U5 r% i }4 _0 p0 B2 H/ D7 T6 C2 B/ M, z
}$ B6 P3 b( |8 v' g1 v
if (yDir == "down") {5 L7 |8 b0 F4 z+ ^: t$ h
if (yPos > (yMax - contentHeight - BallSpeed)) {
* ~ D, [) z" }- L2 r; c* d yDir = "up";
( v a9 D; n2 `+ w% `# [& j1 s* z }" E. ]2 C) c( E# T, F" z0 d1 C
}
- U, I$ N6 E% p9 d. z else if (yDir == "up") {
1 [) `1 ^# Y& {$ [( a% ` if (yPos < (0 + BallSpeed)) {
/ B% @# {+ d9 x+ X6 w' R# W yDir = "down";# h4 J" ?1 ~ T
}; B! l3 @2 N. L$ p/ c8 R$ L R; ]
}! B% ~/ t7 M: a2 Q' [& M
if (xDir == "right") {8 K* `! |5 J' T, Z6 y% b- o) e
xPos = xPos + BallSpeed;
, T9 J# b" U$ B* S0 @- Y2 F }4 p; m8 V$ _8 b% U( M5 Q
else if (xDir == "left") {
) p Q# O/ c: } G xPos = xPos - BallSpeed;5 o5 N' _$ P: q; N) r A
}
! G6 Q! B8 d3 B, V1 f- k else {# k; x9 C2 T. u( c& w3 p7 _
xPos = xPos;8 ]7 [6 H: a( o4 k. @! j( I! c
}
/ h; g9 Q. j* X; x: \ if (yDir == "down") {( y$ N, }3 p0 j, n/ n; X
yPos = yPos + BallSpeed;# K: e1 O; `0 \. t& W
}
7 T( \/ h, d* Q) B2 k/ b) @ else if (yDir == "up") {
! A5 Y' q+ Z8 v# r4 r' u3 ^ yPos = yPos - BallSpeed;
7 o B2 x2 D& W5 ]3 J$ D) ^4 J" f }
4 w" _8 R% M6 s q4 u# L else {1 _4 q6 d0 A3 I; K
yPos = yPos;* p2 C, R2 b3 n4 k3 H
}
. B; k1 ^5 l8 H x t( w% q }, C8 d% I% I7 b8 m) f9 `
6 i& F/ l! ?( N' Jfunction hidetext(){
0 k! p- b+ n/ {7 U( iif (document.all). O, t' s$ S/ N8 {, a
supertext.style.visibility="hidden"
# R2 k7 y; F; N3 C# t0 melse if (document.layers)9 z- Q) p8 F- a6 c, x: E! V' z; J3 A$ C
document.supertext.visibility="hide"
$ J" g5 W+ I% W* u5 uclearTimeout(animatetext)
2 @' L# Z$ {+ ]& v% d: a- q}
" u5 k, [5 Q" w1 m( D3 L: m# c
- y# W3 o% A( R6 O, D' r6 C) eif (document.all||document.layers){
5 J/ J' p Y1 R/ \& w+ s; U. K" N* U& |document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 Y$ l$ r/ L9 b: D/ nwindow.onload = initializeBall;
3 _" A- g/ k( w. @ X. u* p( Qwindow.onresize = new Function("window.location.reload()");
6 ]: ]' ?0 w6 S1 {! K}3 V4 d9 m/ j' o
" \( p8 P# L6 i8 _9 a- o' G
</script> |
|