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

|
网页之不断弹射的文字-特效
<style type="text/css">
$ j) o- |' k$ n$ c3 q#supertext {
# G. {5 c: C+ Oposition:absolute;8 H; ]" F& j, Z1 {+ S
left:0; R8 k; b7 I8 Q* c1 b( h# G- D& c" T* v
top:0;
( H# W8 }% _; ~+ } P8 ?$ Cvisibility:hide;- l. x% w3 Q- _
visibility:hidden;$ q: D% E3 l( C" u/ Q
}. `8 C7 \& N% A% B @
</style>0 S# ^( O) W7 P: n
<script language="JavaScript1.2">
$ g1 U* Z: M; B1 A: v5 |1 K8 \<!-- 改变下的字体的大小。颜色--># B0 V: C8 S2 i& [: X
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: c# F2 q. N$ Uvar hidetimer=''; r, O$ U3 m+ P7 G. [) l1 c/ p
<!-- 改变下的弹跳速度-->
* S- T% `$ `& n2 S d- Ivar BallSpeed = 20;
( ?2 X# T/ l% s" Q& |& R9 Wvar contentWidth;
) w" i7 @ O2 g7 H/ c% `/ kvar contentHeight;1 U- n. E7 O: A1 I% {3 ~4 u3 N
var maxBallSpeed = 50;
$ i7 ~$ ^1 J0 W# o; l O: T) X; D& A$ U7 w) n1 l* _
0 l4 X5 c4 {, r4 t0 U& C! U' P- n
var xMax;- M" c% J) C7 R* p5 |1 N
var yMax;
- P/ b- r* k5 X$ I# lvar xPos = 0;5 R( F' F- m: r, k1 I1 C8 e1 L! X
var yPos = 0;2 [2 {: U h0 h1 x2 G
var xDir = 'right';
, B1 y2 n) y) ivar yDir = 'down';
( M }; L4 r% `6 ivar superballRunning = true;, H3 }5 ~5 I' Z$ I8 p( w# O5 y
var tempBallSpeed;
, O4 W% Q% q- f" M! qvar currentBallSrc;; W: u- J' F' m6 P) r
var newXDir;0 i% @. j$ B1 c5 W) I1 K
var newYDir;
) n3 B1 m/ l/ F. X, |6 k# h p" b3 `6 [6 L; f! M
function initializeBall() {: l; k. U: Z( T: R
if (document.all) {: \, z. J. d3 }" m- k
xMax = document.body.clientWidth
% v8 G! I8 Y, i& }/ b yMax = document.body.clientHeight
, J* a# c2 a* G! K: N document.all("supertext").style.visibility = "visible";
3 |) J; W3 [( v+ J( q& _ contentWidth=supertext.offsetWidth
! x: @* N0 A+ j4 a- I7 m4 I1 h8 x contentHeight=supertext.offsetHeight
, y7 Y1 Q# e$ Y$ M, u. ~ }
% _; ^% r# p9 E9 d else if (document.layers) {9 V& z$ o1 {- B8 N6 K
xMax = window.innerWidth;
5 D: R8 E. [1 g yMax = window.innerHeight;2 q% {6 n* h- w6 Q$ w+ i, v; u( l
contentWidth=document.supertext.document.width
# u) v( m8 c% j4 Y contentHeight=document.supertext.document.height9 H+ _& @3 L! {5 b2 e
document.layers["supertext"].visibility = "show";
p( i5 O, m; M, B }! D) H+ j; C8 U! P b
setTimeout('moveBall()',400);5 X9 e9 Z l8 p3 g; r+ y
if (hidetimer!='')
8 e6 u {# _+ y setTimeout("hidetext()",hidetimer)
# M- T6 Y+ @, N- w% H7 b }4 H+ Z" H6 c" l% k7 v- g1 q
3 c8 H% A$ x% e/ \- V9 F
function moveBall() {
4 _" W' S. @; T& j* x if (superballRunning == true) {; Q( V* b8 u* S1 Y4 K, k) N
calculatePosition();% O: t& n1 r5 Q M) z
if (document.all) {
8 g4 r4 j/ L Y6 K% J* |% x document.all("supertext").style.left = xPos + document.body.scrollLeft;0 F; h. ?9 C* L' O
document.all("supertext").style.top = yPos + document.body.scrollTop;. n3 Y8 u6 M" i* ^, e% v8 G
}
% `2 c1 N8 Y6 S' b- ~, r else if (document.layers) {
" d, Q2 i+ d/ w0 ~! R2 M document.layers["supertext"].left = xPos + pageXOffset;. C/ |& H/ q* }- g; D4 i w- a
document.layers["supertext"].top = yPos + pageYOffset;
, Y) X1 o4 V# X7 }, i* `& x! k }
% E0 b- t* g9 A$ T animatetext=setTimeout('moveBall()',20);
0 y7 w; B! z2 o2 z3 ]' ]7 o. z- B" l }
1 z% ` l: O: L( d1 g1 y }8 v* Q, \! L2 @/ L8 T4 F
+ [# v! Y* ~) S4 f8 p8 I# q' }function calculatePosition() {
- U0 [5 s0 S# {. u/ F if (xDir == "right") {2 `4 ~ l/ s% m2 h8 N$ x
if (xPos > (xMax - contentWidth - BallSpeed)) {$ }4 E4 P7 H# Z1 I1 h
xDir = "left";+ q; @. ^; {' Z" e# G7 k' ]
}
" o5 k" t6 ?5 [& r/ k& S) e }
/ E7 P; g+ D: E8 s else if (xDir == "left") {) D1 ]0 {6 Z# ~3 n! m; M. p# N
if (xPos < (0 + BallSpeed)) {: r4 u$ Z% ~ W% S2 O$ j1 {2 C
xDir = "right";. p5 }1 K2 B7 w5 A. v( I+ ~
}. ?, ?; T5 o: ?# @. U$ K! Z
}
' }0 x$ ^; q8 ~2 E. ~ if (yDir == "down") {
& j# u, J8 w7 k/ J5 ]" }% o if (yPos > (yMax - contentHeight - BallSpeed)) {6 o7 ]4 [/ R0 ?4 k& n4 v
yDir = "up";
' x) x; ^4 k$ L) ]) f }
; ]: w% U% l& r7 K4 @2 }( V' ]& P9 E }! Q6 F3 }* _& h
else if (yDir == "up") {
+ q# t* ?! G' @2 `$ S$ a' ^& u if (yPos < (0 + BallSpeed)) {
+ A- P+ i, `' G$ { yDir = "down";" G" A$ u9 d' ?1 i
}
7 b6 y& I8 j9 R }( P7 b3 G: O5 N) O5 X
if (xDir == "right") {5 l2 y! t8 u! w$ H7 q: W
xPos = xPos + BallSpeed;9 [2 C* c3 M" c8 P
}5 d, E" }+ i( X0 A* f3 Q
else if (xDir == "left") {
/ b! l" q8 E/ Y1 v; k xPos = xPos - BallSpeed;. O; t" l6 q( z6 k" U
}# _( W. T6 ~6 x/ E5 L
else { t9 S9 `: r# f' ?8 z; P" j
xPos = xPos;, h7 R2 S ~9 V/ w$ ]4 u
}0 ]: V5 ?. @: u2 P! N- m
if (yDir == "down") {
6 l% R8 @6 N5 y5 ^6 S* ?$ T; Q9 O yPos = yPos + BallSpeed;# ?) g7 l, D# A* v5 ~
}
, H& ~2 z3 l) E1 @8 ^- r6 W5 p7 Q else if (yDir == "up") {
1 ?4 G4 B5 \$ D0 |" L A yPos = yPos - BallSpeed;& r1 k! O) A" u% G
}
O/ P7 }, }* N) { else {% j2 G7 G t+ _: ~1 P6 l X/ y
yPos = yPos;
; I2 R- A3 |6 a }
/ n, M1 i6 g6 d8 C0 y) S l }
/ a! c! l) P, D5 j2 U
1 h2 {* _1 P7 c% c* M: |5 c# t7 Tfunction hidetext(){* q8 F9 M: x+ w8 G* b/ a
if (document.all)% T8 u; c* I6 [5 q
supertext.style.visibility="hidden"' w6 `. m& T5 ^0 J8 i" x. ~
else if (document.layers)
0 e, y: h0 L6 X( adocument.supertext.visibility="hide"
4 R2 o4 d: W! S& j0 q# ]* W; E" O$ |clearTimeout(animatetext), h+ Q/ ?: @ p
}
, g8 |( c# t, P/ U" h
2 M: y7 N3 H h0 ]9 e) {, Wif (document.all||document.layers){
. W) B2 u4 _. Gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% b N$ k! E* J5 Lwindow.onload = initializeBall;
% r* N3 {, I k$ S/ T( z. jwindow.onresize = new Function("window.location.reload()");2 [7 H7 s, {* e- G: e
}
, W% n7 k7 F! C4 ^" N' T0 F0 r' P9 H
</script> |
|