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

|
网页之不断弹射的文字-特效
<style type="text/css">9 y u4 I8 b7 `6 `
#supertext {% p( g) P/ u' I+ ~
position:absolute;
! ~) Q9 e4 c3 sleft:0;. i* R1 x0 m: H
top:0;
2 G6 ?- v9 S- t) Kvisibility:hide;
- L: `% x4 I; B' C+ m, hvisibility:hidden;* Q! H; a# y. n7 x+ u2 H# l/ ^
}
1 S9 R$ F" Z$ X4 y</style>& O t; i3 f. ]/ i) K. \
<script language="JavaScript1.2">( I' o5 \3 h7 Z; |
<!-- 改变下的字体的大小。颜色-->+ k% i2 @+ M' X# M# ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ r2 H, S3 U% A; ~# Zvar hidetimer='';8 i2 c: R5 k5 u: ?& A X; X
<!-- 改变下的弹跳速度-->7 Q6 \9 a3 a6 b& o: ?0 J, G
var BallSpeed = 20;1 F) \9 z. | f6 l: w5 h& |4 @
var contentWidth;
9 R2 n: A( k" c5 Kvar contentHeight;* a- j% w J0 ?# R2 u1 B* P
var maxBallSpeed = 50;4 g- o, h( s. s3 I
2 y7 l# i& }& h) C9 B. u; E3 k4 [/ d0 K
0 Z7 J* X* \1 n+ g0 Q/ u- Q- dvar xMax;, Q7 p5 g1 D& |# [ i
var yMax;
4 x" K8 i. P1 ]8 b9 c9 g2 kvar xPos = 0;2 F1 V1 j6 @6 Y, i
var yPos = 0;5 X7 ^( Z8 B" [6 a
var xDir = 'right';, F( ] }8 ?( V- _4 D
var yDir = 'down';8 F3 a, k" \0 W% [
var superballRunning = true;' o. G! w/ V: g0 R# s* R- C3 e
var tempBallSpeed;
f# l( x* z$ e- k: I0 fvar currentBallSrc;
9 U* h6 X+ ^, d1 v' f& k. fvar newXDir;: ~6 d. K: G, K9 l/ E) z
var newYDir;
4 G @5 a$ P6 m
: e% O, Z8 A1 M1 l, Afunction initializeBall() {1 `! ?% \! c) m! N4 Z9 W
if (document.all) {
+ G' \3 w1 V! y0 s xMax = document.body.clientWidth$ l, q# v: ]0 `2 v- [/ ^3 a
yMax = document.body.clientHeight
) t5 J+ ~* X/ X* G. G; W document.all("supertext").style.visibility = "visible";
0 z$ x/ i D9 w! j contentWidth=supertext.offsetWidth
O. Q) D3 n0 D) s6 L# j contentHeight=supertext.offsetHeight
9 k" e5 G7 H. i% [7 ~4 k }
; v9 r3 b7 S5 N, f+ W# E9 v9 h else if (document.layers) {
2 }: ~- A( ]) P2 l7 H; R xMax = window.innerWidth;8 J& P9 o" F' W" W& s; v% O
yMax = window.innerHeight;
7 E( @( j" H/ N# e contentWidth=document.supertext.document.width% p3 n0 K5 y% J
contentHeight=document.supertext.document.height: V }* n5 }" E
document.layers["supertext"].visibility = "show";
# N& |6 L; q7 A }& u, z. ?; o. T% X0 j
setTimeout('moveBall()',400);
/ u5 J v( ?; ^( i+ m if (hidetimer!='')6 L2 i0 `" w9 L6 C
setTimeout("hidetext()",hidetimer), Z# W0 {; Q! D% G; ^
}1 h- _& L: |3 H2 g: D
" N* w6 [5 C' h3 N
function moveBall() {$ t+ C5 R% T2 [8 Q$ |' h
if (superballRunning == true) {
6 s0 P- c% s! L( u/ d9 \ calculatePosition();- O( v- W9 e/ B* i
if (document.all) {5 p& k! R6 t2 F2 A$ y
document.all("supertext").style.left = xPos + document.body.scrollLeft;
x9 N! e+ W7 u, c6 | document.all("supertext").style.top = yPos + document.body.scrollTop;
2 A! h9 n7 R3 } }5 w7 l- n) q; _- q
else if (document.layers) {& r: J- J- K8 \8 }- X* F
document.layers["supertext"].left = xPos + pageXOffset;" y* l; [# e* s& Z0 g: S) T
document.layers["supertext"].top = yPos + pageYOffset;1 ?" B3 p, Y# `
}5 c! V9 M1 P7 S3 D+ J
animatetext=setTimeout('moveBall()',20);
# f8 |" M2 N. }8 O! C0 ^1 o }
* l, p& F- J, }4 \3 b: s6 K3 T }
8 _ U7 w6 U" O* e
) \1 Q) ]* m% E7 ]' x4 Z! Xfunction calculatePosition() {
1 {' T9 s9 x2 U9 l0 m O3 z O if (xDir == "right") {/ K3 x, P8 A) V+ o( C0 C
if (xPos > (xMax - contentWidth - BallSpeed)) {$ m1 _. d, o2 W
xDir = "left";
3 {5 z0 C* g! v0 I6 j/ R& v0 |0 ` }
2 Y5 a& r$ u4 l' a$ @5 k$ r, { }
g' ]! M& z$ K3 t else if (xDir == "left") {
; n+ |. q2 B/ L2 Y if (xPos < (0 + BallSpeed)) {- ]; H" v% p& w: m. o1 }* R5 ?
xDir = "right";( \/ ]5 |. {+ a( F) T2 P9 K
}
$ c! Z% M8 U! H) H% Q }
: ] ^8 C8 O& |" r: \1 g if (yDir == "down") {
1 A; L! P6 D% Y+ j/ G if (yPos > (yMax - contentHeight - BallSpeed)) {
, k$ U+ `! W" K+ z9 R yDir = "up";, b/ V) W: n7 m) \# Q Y7 R
}5 ?# j H: s8 \, S0 n5 m
}0 w/ _; x. [4 Z3 o5 g- S
else if (yDir == "up") {
$ {; U) a# @( w% M0 y4 b$ u if (yPos < (0 + BallSpeed)) {; P. P1 v0 s* B: S, j) @6 t" q
yDir = "down";
( X! o; f6 L# f5 b5 v- ?1 o8 ? }
1 p& R6 ^. B2 n# t0 N }4 |' y& O9 G' P! j
if (xDir == "right") {
3 f/ Z5 U& F; ] j3 ?6 ?+ @ xPos = xPos + BallSpeed;6 _5 ~/ I1 }+ L6 {- w' s
}
9 |* [& \" z8 P/ i else if (xDir == "left") {$ Y, y/ L4 M" s2 S0 W4 @# y7 }
xPos = xPos - BallSpeed;. ^, d8 F% `2 q \0 e) ?% W$ t
}7 |, v |% i% f+ D8 n* ]+ i2 @
else {
' j! p; }! L2 ^" @ xPos = xPos;
: s, g4 ^! \0 p; g8 q% U }) M- R& _, E; C/ r
if (yDir == "down") {
9 x# _, q1 l8 ^7 {, \ yPos = yPos + BallSpeed;
& H. } \: V, G, @. X v' a+ k }/ ^1 q5 U1 Z- R$ I; X
else if (yDir == "up") {
. w0 D0 P7 E" @ yPos = yPos - BallSpeed;
; X- ]6 y% K- s0 @3 w7 U" b8 b }
1 t" b' s9 \* @ T5 Y! N else {
7 C: I( F# F7 |- ] yPos = yPos;
$ @. ~1 G, t0 H" z9 S }% r5 Y, `7 F( h/ l6 C1 w; P
}7 v5 Y2 Y% H# {3 H) \
0 u$ ^: i- Y5 w ?$ m( zfunction hidetext(){
- F, G7 s7 a: M4 q/ V+ Dif (document.all)
. z9 Q( w1 ?' L8 f2 j- zsupertext.style.visibility="hidden"
6 @8 T3 f+ l% ~7 G/ \. ^- }. x- Xelse if (document.layers)
; S5 c# m4 R9 M) i% w, Udocument.supertext.visibility="hide"* s9 b/ Z8 a {5 k* j
clearTimeout(animatetext)# T0 w a# Q2 T' J( k$ |
}
+ k% X& [+ [. {* _4 E Z" }
, o4 K% @3 E$ V& r0 r" Zif (document.all||document.layers){
+ Q: y) g0 y% H/ ^: _, Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 O. _4 F/ b( }! @window.onload = initializeBall;
4 N9 H1 j$ s6 _4 Awindow.onresize = new Function("window.location.reload()");
0 |+ T8 v3 e! Z7 M$ S2 t/ ]+ N5 _}
8 b( C! A/ H1 X9 F0 i
3 G7 t! R5 ?, k' _$ j& l</script> |
|