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

|
网页之不断弹射的文字-特效
<style type="text/css">: Z4 H1 y+ \2 b: F0 M2 Q, c8 t g2 S
#supertext {
* u. g/ {1 U. E1 [position:absolute;+ |( n+ V( D* s
left:0;) h/ }" ?& T( Q4 y5 x% n9 ]3 q
top:0;
7 Z( P# ~/ t/ L: @ Nvisibility:hide;
$ |: E5 _$ d: B* svisibility:hidden;3 z" H% Y# B' b5 @+ _; x8 Q
}# O$ W" P; }* o& I/ r
</style>
a* v6 l( h! a<script language="JavaScript1.2">) Q0 B, D J2 A. k0 ?
<!-- 改变下的字体的大小。颜色-->4 D% w- a9 C2 D+ r# G& `9 a2 X8 h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 o- \% E- D1 e- s" R$ c; s1 K* I# o5 w6 pvar hidetimer='';
& K% u. @* r0 }# K( z! H, O<!-- 改变下的弹跳速度-->* G" J, n! ^$ C' y6 i' X* _7 o
var BallSpeed = 20;
J* C: N1 c. @ g7 Lvar contentWidth;6 ]8 h0 v0 m- ^8 o2 \
var contentHeight;) v$ G8 o7 c0 o2 a. ]6 \
var maxBallSpeed = 50;
. j8 m& C& {! C- L9 ^% w) A
5 R2 T- k( J8 E; h
/ p5 Q0 A; S8 k O* hvar xMax;
; N9 L- p+ X/ X- K/ v. f* }% P) Yvar yMax;/ N, i0 P! {) w: ?
var xPos = 0;
( }6 |8 ]) M9 C/ F, b4 \var yPos = 0;) u* M: o# F) O* h0 `
var xDir = 'right';
$ W w! G! H$ X/ tvar yDir = 'down';
, _- @& d5 \4 T8 K3 c. Yvar superballRunning = true;! z0 D' b3 B5 D1 `. a
var tempBallSpeed;( H1 d3 n& _8 {- N6 c
var currentBallSrc;
1 I) q8 S4 F0 j1 n4 v+ ?( ivar newXDir;# O3 L, c9 Z7 j, ~1 Z" h
var newYDir;
3 B1 h" e7 N- I+ V4 v8 a' L
3 b$ v$ k9 b% pfunction initializeBall() {# Y- y3 \% P( Q( D
if (document.all) {
! _4 e% H; Y+ L. S5 R e2 O# O xMax = document.body.clientWidth
; {; ~: O% b4 O! i3 U" K yMax = document.body.clientHeight
' m, y3 d9 i' w& x+ r+ G document.all("supertext").style.visibility = "visible";4 j0 h$ j" {& r
contentWidth=supertext.offsetWidth
5 z$ y; h4 b; e2 } contentHeight=supertext.offsetHeight
( | U( Q$ n; i' }( A9 R4 H4 p }
* d2 F: ?, d, Q7 ]( {7 s else if (document.layers) {
8 Q, u$ H! |/ f& u( K; @ xMax = window.innerWidth;3 y' J, }. w* }9 k2 R- D
yMax = window.innerHeight;& B! S5 O1 A5 u
contentWidth=document.supertext.document.width
2 z8 X6 T4 u7 X( @ contentHeight=document.supertext.document.height
8 n- `) P+ g2 c/ _/ w0 T document.layers["supertext"].visibility = "show";5 z+ ]4 ^) b. n
}8 q, v) u6 c8 O" c
setTimeout('moveBall()',400);
* C V6 i6 E' r: v4 A* n+ R& p if (hidetimer!='')6 J7 c' |9 S# ^8 F) B7 G& L
setTimeout("hidetext()",hidetimer)
+ W: x$ Z: g, x. w8 p" P }
- e6 X$ O8 w0 ~2 J. `2 Z
" O- U) z& O: ~function moveBall() {
- D- l z. \& w7 H6 u2 t* a! k if (superballRunning == true) {+ H% D' i4 X* I4 m- B) s
calculatePosition();: w/ C; B3 {+ Q( s% d( _3 N
if (document.all) {6 X! j& C7 T8 Q# Z* T/ y
document.all("supertext").style.left = xPos + document.body.scrollLeft;
, J/ I L7 y8 L8 d9 @7 q2 K, w0 M document.all("supertext").style.top = yPos + document.body.scrollTop;
) }0 p# p" d* M# y7 g) d }
2 N8 m9 H: l- _ else if (document.layers) {) }+ k3 L/ ]- l8 @- p
document.layers["supertext"].left = xPos + pageXOffset;
1 y0 T- D+ E" B. c document.layers["supertext"].top = yPos + pageYOffset;
0 B# K/ ?& O9 q2 v* f# M }- D: S4 z5 u; M4 C) k
animatetext=setTimeout('moveBall()',20);0 B; Q, ] O2 Z9 Q
}# K, u9 z0 K0 X+ B }" {& f1 f
}' [, r, c* ^7 k
' A5 F3 @8 h9 C a8 W9 Ufunction calculatePosition() {
$ b0 F( T, r, Z6 M, l8 h1 T if (xDir == "right") {4 ?5 Q6 u: G2 W
if (xPos > (xMax - contentWidth - BallSpeed)) {
+ O9 P3 e; u& ?4 ]3 U( s7 ~ xDir = "left";1 _- X- ~5 |, t' n9 E \8 Q* b
}
% m# X- x. M2 k) a2 C1 r! d ?( d! d }) \3 [$ Z8 W" ^6 N
else if (xDir == "left") {) S" N6 R; w4 B2 ]* W
if (xPos < (0 + BallSpeed)) {
: o! L. D; C0 L' l. g* y xDir = "right";6 i3 t9 m) u- U0 d' L; P
}) ]3 \# x+ `" R; u8 T* d' D
}2 w% n, K: K6 n) s% g
if (yDir == "down") {6 D" K' V3 K: M9 N4 R3 {
if (yPos > (yMax - contentHeight - BallSpeed)) {; b1 E8 R& b' H- c
yDir = "up";
7 ^0 e% [+ N! T4 v' R" Z }% S, z7 q0 |- a2 H/ P
}4 N- q% Q( ~- o6 M$ _
else if (yDir == "up") {* r$ e# X a: d% ]. C
if (yPos < (0 + BallSpeed)) {
7 h2 j F3 q2 j yDir = "down";1 K% V/ I/ J3 l1 L) ]8 x1 r% [
}
" F, p% l3 ?; \" U }
& ]1 ?. z. ^$ E- h if (xDir == "right") {
; ?$ Z/ a+ B& m9 ^' D xPos = xPos + BallSpeed;
* r8 V5 t! ]# b% L }3 W! H B9 ]& {4 ], [+ j1 a1 k
else if (xDir == "left") {# j, y3 T9 ^8 l+ k% [; u7 |$ E
xPos = xPos - BallSpeed;
/ G+ `$ L) o" v }7 M6 F# `0 }* `) _
else {
. d- T; E3 b. A! B0 I0 k4 g2 z& j xPos = xPos;
7 f; b* E _4 S! b, ] }3 W9 B+ O$ |, z# H" |1 V
if (yDir == "down") {
: m4 e4 q) m' K yPos = yPos + BallSpeed;
" ]! n, k! m9 S0 B5 | }
' x) h7 x$ V0 D else if (yDir == "up") {
# Q$ u0 a8 h$ V# j0 X2 K% ? yPos = yPos - BallSpeed;6 z) P9 r! v. I' e3 E Z% x
}
- u. |9 u1 s) ~1 m' K2 H! G else {
& C+ e4 Z7 s% B* s5 ?/ `( `! u yPos = yPos;
0 p7 S# ?$ @: ? }, p9 g' ^& D" S. D$ _0 {5 z6 ]
}# d$ m, L x+ E. E7 p# y) S
2 f' P M9 ]& Z% Q
function hidetext(){- M! H1 o5 U4 n! i/ h* R
if (document.all)" @! W0 n9 E/ H5 m2 z% c
supertext.style.visibility="hidden"# h. O+ J' _/ U; B( d& d
else if (document.layers)
8 p8 D7 r& S/ r4 b9 G6 R5 S8 `document.supertext.visibility="hide"
+ ~& q Y+ J& V v) q; cclearTimeout(animatetext)/ G8 l4 S r# {1 E0 u
}6 e0 P7 t0 g& T' ?- d: A' l/ ?
% W* |7 j/ k5 m* S x9 g/ ]* C
if (document.all||document.layers){$ {' `+ H* z0 D: m: B' s; b" ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) r2 v/ _1 v9 q
window.onload = initializeBall;- d/ G& h; t$ s
window.onresize = new Function("window.location.reload()");
6 z7 s* B1 K9 L4 O8 S}
. u" ~6 [4 e ~% b1 R6 G, [6 m0 @0 ?, k5 S# U0 h
</script> |
|