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

|
网页之不断弹射的文字-特效
<style type="text/css">) a7 u* a- U0 N) s3 Y2 B b
#supertext {/ B# v4 X, p, e. @5 D
position:absolute;2 L* P$ [6 o3 e
left:0;2 {; m6 Y: P: o% l
top:0;
1 d! H$ n8 l9 G7 j% h5 @visibility:hide;
9 h0 w8 @) r' k3 |visibility:hidden;% G7 g s7 r& [7 P
}
8 i& k- q- ~3 i! p3 l$ f/ F) l</style>7 l) l' x# O0 E0 [% c# N0 D
<script language="JavaScript1.2">" q! J) @+ g+ S& x: H) a! O$ U
<!-- 改变下的字体的大小。颜色-->
- Z) q8 S; D' A$ @: u4 }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% E* f3 ~5 I+ x' h
var hidetimer='';
9 a9 u# r7 U* z5 s1 w3 C) r2 J<!-- 改变下的弹跳速度-->+ F1 A9 m8 `/ ~- y0 s5 ~% K+ p
var BallSpeed = 20;
; M0 S( c' k; v/ wvar contentWidth;
8 }+ S7 D+ J# ?3 [/ a5 m. Z6 fvar contentHeight;- G- O3 d( k3 l
var maxBallSpeed = 50;
- Z u* K; w% ^2 b
! J0 s; `) p/ _0 S" ~* o% ^; W. @) @; h
var xMax;
7 Z5 _( X7 m( C/ D/ zvar yMax;$ {1 C3 I8 x9 r+ Y4 l
var xPos = 0;# V" \: S( L; k4 v
var yPos = 0;3 Y; r }& s+ O# Y! \) p4 X
var xDir = 'right';2 \1 V8 N- ?& V+ z
var yDir = 'down';
, y0 | J" t* r* W" f: Z& A' Avar superballRunning = true;
; ?1 N3 U. Z1 R h6 {5 N7 f! F) ovar tempBallSpeed;$ M% I' d6 \2 Q4 D, I
var currentBallSrc;! S2 _5 ?1 d0 @
var newXDir;
0 R7 C! Z# A- D1 F0 N5 Vvar newYDir;
" E6 D" A& W9 O+ G J# k% X& J/ j1 e
function initializeBall() {) U9 E: r& ^ u; a( }2 P# Y2 |
if (document.all) {8 Y- [/ u2 w9 j" b# Q) R
xMax = document.body.clientWidth
" }$ p* {5 a( ^( _: t yMax = document.body.clientHeight9 y. B- \* s( i. j0 z5 V0 H$ C
document.all("supertext").style.visibility = "visible";- E r* B: ~5 E. l/ _
contentWidth=supertext.offsetWidth+ ^7 |7 c2 K9 c9 T2 h/ z6 [1 b
contentHeight=supertext.offsetHeight
; R- r& X7 R8 J9 E% |# Z/ q }: {/ o! R* R8 {& r& a* Y
else if (document.layers) {! o+ G: w- e C! q, K$ P7 N
xMax = window.innerWidth;
$ {, l( Q( @. q yMax = window.innerHeight;- Y) U# G& B5 p' f
contentWidth=document.supertext.document.width% m& f1 i* c" q
contentHeight=document.supertext.document.height
* T1 m5 y* b8 C" m0 t5 O" q# L document.layers["supertext"].visibility = "show";
/ n/ @2 h3 a! d$ @# L& T }% D& I. o7 M: k4 g4 Y" v* P
setTimeout('moveBall()',400);7 ?( x& _7 d! [* \$ K8 i
if (hidetimer!='')% Z9 e3 Y* Z1 z+ e$ ?- u6 h
setTimeout("hidetext()",hidetimer), h0 x- y& G) S2 ?! Z% N# g
}( D+ r& k3 G7 H
: q6 x* o' W0 {% x8 Q- c( w" Bfunction moveBall() {
3 N6 y4 |4 k0 _- y& l3 j if (superballRunning == true) {
/ S# F4 y1 b) s B0 S" w* C) X calculatePosition();
; q1 Z- v3 v) @; F2 q! A# O& s if (document.all) {
( J+ d* t$ _# T2 t5 n. e8 S* T- N document.all("supertext").style.left = xPos + document.body.scrollLeft;9 h; Z& S( t4 O' e( B
document.all("supertext").style.top = yPos + document.body.scrollTop;! O- W- E' n" \$ z8 t0 o. x% Z
}+ n+ f" J, v* u( a
else if (document.layers) {5 K' P9 U, n- Y5 Y( a
document.layers["supertext"].left = xPos + pageXOffset; ^- h4 o# G1 X
document.layers["supertext"].top = yPos + pageYOffset;6 e" W8 K3 m6 E# f
}6 @7 y" k# S2 k2 S1 n8 V. x2 D
animatetext=setTimeout('moveBall()',20);6 h% T0 [. c* k; M: w2 p
}
, H) n1 F5 C( _+ m; i# U$ y }
/ D8 h6 E2 R- u I f
* a; Z9 q$ g. y$ v6 b* hfunction calculatePosition() {1 R. h/ M; o# Y# Z+ v
if (xDir == "right") {( C! O4 d4 {# R" D/ s9 k
if (xPos > (xMax - contentWidth - BallSpeed)) {) @$ U+ g4 L- }# ?7 M' Z" V( w$ G
xDir = "left";, }1 `7 M! ^6 X0 R; r
}
* s9 r+ K- ?+ d. |' n2 N }
$ ~8 L! W( I4 u/ x+ {' M9 M4 H, F else if (xDir == "left") {' S* v5 T0 b0 k
if (xPos < (0 + BallSpeed)) {
: h5 G/ m& g ~6 V xDir = "right";
9 s y1 P5 Y- {' D; A }
1 y+ H* c, B2 [ }
; v/ p% J: I0 l8 I6 z1 n1 c if (yDir == "down") {
) C5 x5 P( Y* Q if (yPos > (yMax - contentHeight - BallSpeed)) {
' a$ T5 `. o* L4 X5 R) o yDir = "up";7 V* S, W, N: L' K \
}
5 b e0 ~$ z; w1 Z/ n1 v3 Y }6 b) k8 _# J/ r$ j* N
else if (yDir == "up") {/ p+ a; e) }* T5 e$ ]/ X
if (yPos < (0 + BallSpeed)) {
9 P. w0 e; S: ~8 S2 ?9 K yDir = "down";
# q6 e7 E0 R: v/ p+ D. | }
: ^! R6 ~. O+ g$ X3 Z% |5 D8 Z }
- j8 }% D- j. c. b2 H- t if (xDir == "right") {
7 N! I; W+ O8 J2 m xPos = xPos + BallSpeed;
! I' |1 i* V7 c7 X3 A }
4 {8 j! p* `; F3 g2 m1 j$ M! p7 P else if (xDir == "left") {
" w3 r3 g# T/ T xPos = xPos - BallSpeed;
4 y4 l; r6 R# z, O$ ] }
9 K# i8 Q+ ^: q; b7 T else {# T/ _7 R! j* [+ |9 u6 ]1 M" m
xPos = xPos;: A% ]" X& A" x, U# |- U! n3 W
}
: t0 P9 \) ]# c6 c% G if (yDir == "down") {' U3 ^: w) L; s
yPos = yPos + BallSpeed;
6 @0 x% w1 B- i( B9 I6 N/ ? }
F3 L. k- r3 R! P$ M else if (yDir == "up") {
, N' x' X, H& J yPos = yPos - BallSpeed;8 e$ F0 o( K- d9 X3 a8 v: @2 i
}
8 l% r: p, H7 L" k4 K else {
" p5 c4 ?6 {8 D% @- j yPos = yPos;
- d4 e% R0 _( Q1 H h7 w; y5 O }
- Y1 @+ D* z9 Z0 p) T7 a1 F }7 a! }# @( |4 q! N6 B8 q
+ E" c; M$ I' D6 Z4 ]! D# lfunction hidetext(){
% i6 Q- M& a/ t, N4 t5 s$ P/ eif (document.all)
( t% l1 ~! \" m rsupertext.style.visibility="hidden"
+ _; O& U9 p! ?0 P7 Helse if (document.layers)
' g. t( v+ N7 _4 ]: Jdocument.supertext.visibility="hide"3 W; c& C# r) T3 W4 \
clearTimeout(animatetext)
8 ]: }9 i" \" l7 ^- U}
4 v! w& A1 R5 j: h. G5 n3 R# M7 V% E% e( J$ L& c
if (document.all||document.layers){
$ h. m/ f3 x. s9 \9 D; _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 j. E N/ [' B" `
window.onload = initializeBall;
1 Z/ t# F. y' \. ?# dwindow.onresize = new Function("window.location.reload()");9 J' s* V1 t$ V% K: O* u# a' I. {
}
! L1 e' s/ \, b: W$ b& y3 C" g' t' o6 i2 {: M
</script> |
|