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

|
网页之不断弹射的文字-特效
<style type="text/css">" E: N8 v) N q
#supertext {
! J' R. Y2 t$ i6 v5 C, [position:absolute;! V$ Y, l% L# J2 o
left:0;
U$ ^4 b0 S9 z3 L& N: \# htop:0;
. b9 Q+ v n+ v& _2 C- e! ]) [% X# [* _visibility:hide;
, Q: {$ p& y# Avisibility:hidden;: O5 \$ C' q; {* H
}$ w4 s2 p) ]4 p3 M' l% E/ ]6 P3 F
</style>' y4 H* w0 e0 c
<script language="JavaScript1.2">
& b/ S0 A; @# [6 N) b' O: ~# o<!-- 改变下的字体的大小。颜色-->' N4 u' ?0 m8 K* Q8 J* \; M2 h* N; ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 i7 y2 p$ E' D( s! _9 Tvar hidetimer='';5 M2 v6 h- @2 A3 W3 j- e3 r
<!-- 改变下的弹跳速度-->
, m( _. r7 ], p2 M; s0 L, ivar BallSpeed = 20;
* p2 w9 [. W0 w8 q" yvar contentWidth;
1 m" M5 m7 @# h/ W: C7 V$ Pvar contentHeight;
1 L8 j# Y. Z" gvar maxBallSpeed = 50;1 Q" ]0 X' h; I. m. F
; d" ~; [( T2 w* x8 ?
9 v, A; X0 R9 b8 p8 Z5 B
var xMax;. v0 O& b: F1 l8 Y: R7 g
var yMax;
2 r$ a/ K2 v+ w" Cvar xPos = 0;% b% |- n; [) Z! O6 v7 S1 M
var yPos = 0;
0 o( f5 T3 T; X' E5 [var xDir = 'right';
0 K6 K& }" j, ]% y) bvar yDir = 'down';
& o" K/ O4 ?0 q4 `2 }# V' ]var superballRunning = true;' N- U. l. G* C
var tempBallSpeed;4 R# p0 r$ R8 U8 O* k
var currentBallSrc;' ~$ f. |& h- j* ^2 U
var newXDir;
) H9 n3 J4 ?3 Evar newYDir;, L- G5 Q% t& B! [
" h& Y# ?' a r. I6 zfunction initializeBall() {3 H7 c5 o, }) C2 v7 x' P/ y7 ^
if (document.all) {
! V5 V' N) Y/ l" @* h2 w xMax = document.body.clientWidth% J2 w, n, |3 i& M/ `" D; H
yMax = document.body.clientHeight4 f) A4 b+ y! f2 e% K
document.all("supertext").style.visibility = "visible";1 Q; O7 C# @4 B& E! S3 c" q
contentWidth=supertext.offsetWidth
4 U0 M5 U- @3 N1 d contentHeight=supertext.offsetHeight
; y# ^/ B0 \/ j( a }" K }% m% G% N% m c! k' k- {
else if (document.layers) {- ^' q& A! {5 _$ x9 z# ]
xMax = window.innerWidth;% [- t7 r8 Q& Z1 `- Y
yMax = window.innerHeight;
+ {& t( b4 `- s' F contentWidth=document.supertext.document.width
6 l0 b ?1 d+ _. | contentHeight=document.supertext.document.height2 h7 L( S/ k1 T8 }9 c2 |
document.layers["supertext"].visibility = "show";
3 z0 u# q/ b9 Z; ^( Y }
' Y1 h: a: O( c2 J( U setTimeout('moveBall()',400);
" w/ l: A+ x7 c% G! ^5 p. N if (hidetimer!='')
, f/ W* [' A3 ?" R8 _ setTimeout("hidetext()",hidetimer)0 _. Z1 I7 Y1 K
}
% V' I/ P5 }/ b) J0 }: O# q! \- ?+ X, E6 b+ Z9 R
function moveBall() {1 q7 F2 B' V6 h Z5 w0 v: h
if (superballRunning == true) {/ ~$ A8 r; E; B" M
calculatePosition();+ r+ g+ g7 D, w- K( X- `9 P
if (document.all) {
( i% W0 m* s1 T' F) Z; P2 ^ document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 s/ x+ F' }7 `3 G1 T) A document.all("supertext").style.top = yPos + document.body.scrollTop;
|$ U7 ]6 ]0 a8 L }
+ D& k2 Y/ x1 D/ E+ a q else if (document.layers) {( j; s, B* O8 B
document.layers["supertext"].left = xPos + pageXOffset;
, u9 X* l& V) t1 F document.layers["supertext"].top = yPos + pageYOffset;4 z6 }" z" W3 `* ]3 }# \( A _
}4 i% Q. g' i: l7 s; o& m
animatetext=setTimeout('moveBall()',20);
3 o: e4 y, \1 Z% `1 I }
! ?1 F4 ], K* V2 `6 e, l8 E }
& K! V2 U+ h2 b' x( _
, G6 o# v3 |5 z( l- w9 H" Hfunction calculatePosition() {1 d6 v: d- y8 S5 J- @% L" o
if (xDir == "right") {
9 u( [( S) E7 D) k% @ if (xPos > (xMax - contentWidth - BallSpeed)) {8 m. o" W- w# D5 t9 O8 j
xDir = "left";' A) _1 R( n% Z# L( r
}; N+ i- p, [8 [
}' v. w' D. S6 F5 X$ K
else if (xDir == "left") {$ K Z) r3 P' Y) } ~( v
if (xPos < (0 + BallSpeed)) {; _0 g5 j8 Q4 U* d8 A( l
xDir = "right";; F6 E# B0 \. K) _
}
6 H: a y1 _7 c( {. w* u }
- Z6 j- n+ U) _; U" I# M- o if (yDir == "down") {
& d1 O# _. W; c1 l if (yPos > (yMax - contentHeight - BallSpeed)) {
0 Q: r$ o, a2 c# p: a; L yDir = "up";
9 h) r( i, f/ ` f$ ` }! [0 N7 t! b+ E2 T0 a6 P
}; W* G3 d/ S+ u1 a, G' D W* [
else if (yDir == "up") {9 w" _0 {3 g8 G4 a
if (yPos < (0 + BallSpeed)) {
- r$ P1 `0 g7 D8 v yDir = "down";
, j3 _$ D9 ~( B# X }
$ ?. R+ M" t0 | }
3 \8 X: H9 g* c, Q; j& W, Y if (xDir == "right") {
- Y% @: x7 Y4 L0 T xPos = xPos + BallSpeed;
1 L. d: V k) J. e9 R0 ~. }! y }, E7 O, Q/ i( Z9 }/ p& W
else if (xDir == "left") {1 N2 |+ u+ U2 F+ ~$ J) D0 |) w1 \
xPos = xPos - BallSpeed;8 i% {! N. N+ F, J: b
}
, C+ E1 c$ D: R& u, z else {$ _1 g! J! l; e J+ r3 Q/ L% ^
xPos = xPos;
) Y7 [! h& H! ?6 v. W3 Y }1 h U- B8 G, U* `
if (yDir == "down") {
$ C8 s% p) q( d8 Y# O yPos = yPos + BallSpeed;
& p: m3 h; O7 @/ q8 H }" L4 Y: H5 I: H" T$ p7 S5 _
else if (yDir == "up") {& H" t; N. h+ Y& t
yPos = yPos - BallSpeed;" N" h& C7 \6 a% i* T
}0 C) m3 U7 A$ c% Y+ j- i
else {7 ?* \' v) x3 h$ p
yPos = yPos;
; k8 {" y* `/ p, i4 o5 Y* x }0 }' X0 ?# e& t2 }
}
) d- V2 G( Z! w! Y3 g& r. g# H# K! \4 R
function hidetext(){
" M7 T0 j& s( Eif (document.all)
; n& t7 N" t b- Q% Q8 N& B" Osupertext.style.visibility="hidden"
5 y7 Y8 A) v( u; [" e# v5 n5 W2 }else if (document.layers)3 u {0 a+ W4 K
document.supertext.visibility="hide" s4 |2 U. m$ j. E# W% Q* x. }
clearTimeout(animatetext)
% a$ E3 U" o' y: M* y}
~5 N. E* P7 S D7 y4 _# Q7 [4 h7 ~/ m
if (document.all||document.layers){" A1 H4 d6 @) L. c2 ~; b, a. H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ g3 O0 ?3 B+ Z: f9 a9 C9 owindow.onload = initializeBall;; h- \( V) R. u& d6 [
window.onresize = new Function("window.location.reload()");
, ~; d T( \2 U, E}
- D* l9 X _* V2 [; M; z3 Q! J$ @* [- X; O n$ j$ I' b/ ~1 ]
</script> |
|