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

|
网页之不断弹射的文字-特效
<style type="text/css">
1 H2 [2 I0 T9 f#supertext {
) Z7 w, v7 d7 D% Hposition:absolute;7 H" c6 a. @% Q) y4 A
left:0;9 ]/ R2 l$ t) P, s
top:0;/ F( ^6 W' T% O6 J7 e$ \8 {
visibility:hide;* A4 Z U5 A, m, V
visibility:hidden;. J4 C6 P' k$ O
}
2 b- \8 _' y5 \- S: Z4 U</style>- d" _* w% l$ _. q
<script language="JavaScript1.2">
3 p# m" ]- [1 |0 \* v<!-- 改变下的字体的大小。颜色-->! a& H7 p' |% B% z% j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# C; g e a/ }- P4 y5 Z, Qvar hidetimer='';
+ r, l8 ]. |. n5 D5 p2 k" g& \<!-- 改变下的弹跳速度-->
! h0 `) @1 o: ]8 J# {var BallSpeed = 20;# l2 @( r6 X' Y6 i1 C
var contentWidth;
1 \% o2 j: V. O" `9 m" Svar contentHeight;% e, D7 ^0 H+ t
var maxBallSpeed = 50;
& G, V$ n+ |, K9 `3 |
7 ^. `3 K, \- _, E$ m; f( n4 }6 l, o! X' u8 ^
var xMax;4 @0 t! Y1 I* k. t* ]: ~7 W' [
var yMax;7 M: c) {1 d! `: v- [$ @3 Z
var xPos = 0;
9 u9 g6 L* H% `& h9 bvar yPos = 0;
, u, S' l+ M! p1 m' b; evar xDir = 'right';
" j/ v& t* q3 M3 A7 f% B' O) ovar yDir = 'down';, j$ c' \6 N, i3 ^ K
var superballRunning = true;1 W" O8 X2 [0 E6 p" Z8 b+ _
var tempBallSpeed;
: @4 M( }- r9 ~8 G0 k% mvar currentBallSrc;
6 q. Q- k# D7 d; r0 V; `: zvar newXDir;" U) U4 @- z8 [+ u
var newYDir;
; d9 b) @0 ^, Y
7 m* e# H' ~' p1 qfunction initializeBall() {
% V# H( ]2 H, d c/ }/ S6 w* P$ D( z if (document.all) {8 K1 s4 p. K* l, |' u
xMax = document.body.clientWidth
3 F. H# k0 Z1 g- j! z0 ?' w yMax = document.body.clientHeight
3 L8 M$ F+ v. x/ ? document.all("supertext").style.visibility = "visible";1 E* Y+ _; q7 l# e
contentWidth=supertext.offsetWidth7 z* v5 D8 f- l. ]. W
contentHeight=supertext.offsetHeight+ T$ I1 S4 c8 K
}2 k8 X$ d" t5 F. u
else if (document.layers) {( ?# [0 Q, B" J# S8 N
xMax = window.innerWidth;. n0 f) x# U! u! ]) U W9 ]( U7 ?
yMax = window.innerHeight;6 }9 F) h {7 c# Q' J4 u
contentWidth=document.supertext.document.width8 }; G3 M5 I* X& M7 p' ?, T
contentHeight=document.supertext.document.height, E) K, X6 {' W$ h+ k% O
document.layers["supertext"].visibility = "show";9 n$ T; q' j; _) U3 O3 y" f* L
}. V7 z `/ o# s# e! |& {
setTimeout('moveBall()',400);' |+ J" `6 {! z# n3 e. N5 N4 S
if (hidetimer!='')% i. ^9 K% ~/ i/ d8 f
setTimeout("hidetext()",hidetimer)
( o) c& D I6 Y }9 n; Y+ G' [4 `. w
! e* L1 A" }5 B4 O- R) h
function moveBall() {2 Y ^0 `2 p1 B, ] r+ \
if (superballRunning == true) {- F/ x! p- x) p" s8 [
calculatePosition();0 B) X- I: r5 X, a
if (document.all) {
8 v+ r* r& y$ u1 t document.all("supertext").style.left = xPos + document.body.scrollLeft;+ j# t) G* y& d4 G! j, Z0 ]; j! ~5 B
document.all("supertext").style.top = yPos + document.body.scrollTop;
3 s- t& O+ h' X6 @ }. P, w! d2 V8 q9 U R
else if (document.layers) {
1 ~5 x( q6 y2 n/ b document.layers["supertext"].left = xPos + pageXOffset;/ ~# o+ x, z3 v3 n
document.layers["supertext"].top = yPos + pageYOffset;
% @3 A8 W$ @6 O' Z r4 X5 _ }
) a! m( i2 Q3 ?% c' X* S animatetext=setTimeout('moveBall()',20);
+ B( ?3 ]. l% \6 G; W0 `" I" {# F }
# W- E! A5 d5 c" b' x! W# A0 w }, ~7 U) Z, z6 L$ _
. ~( A! e& z0 G/ H3 h2 d- Ifunction calculatePosition() {7 M( @- f+ v1 s. Z" J W( u
if (xDir == "right") {" j( d% H' M$ N/ P# }
if (xPos > (xMax - contentWidth - BallSpeed)) {
9 m% n8 h# G9 L0 u+ ] xDir = "left";
9 }! t4 r ?! X j' h$ Y }& B! q5 @0 M7 M' s# m
}
% ?9 ?. r2 _9 z1 D+ n% W: ~ else if (xDir == "left") {+ w% Y) d& F0 W- M! R2 P4 }7 a1 F7 }
if (xPos < (0 + BallSpeed)) {
* A! o0 `3 n$ a* @- z; f xDir = "right";
6 A4 `+ F; s' o3 F* v# C }" E9 }! {, q5 H `; p* ^% h
}! t h% S2 e1 ?! v0 Q6 I
if (yDir == "down") {( q4 g, q4 B2 x1 H% z# s
if (yPos > (yMax - contentHeight - BallSpeed)) {7 E" g# m8 l( G! H
yDir = "up";
2 }/ B8 t- u6 b0 S9 h6 y }
+ f7 Y/ a* A* V }
5 p0 \6 Q4 i# i: h) @ else if (yDir == "up") {
/ m3 M. Y E3 }6 m2 F% M: f if (yPos < (0 + BallSpeed)) {
- N" K/ m9 T e- K% {- ^2 w9 P1 } yDir = "down";
+ ~. x F) u# X1 A, O( {* d }7 K" ]) m( r4 t: {) `0 D' y2 H
}4 ]7 I# K; z. x5 q
if (xDir == "right") {
5 X/ G. g4 }# L, u | xPos = xPos + BallSpeed;* R8 ^4 @+ h6 c- u9 q. s% l# f8 M
}
5 F0 H" `, m1 |3 F else if (xDir == "left") {. Z; `( ~+ @. y/ w( m& C8 [9 W
xPos = xPos - BallSpeed;* l. x5 N! b) h
} z( T0 q" h7 C$ h( d
else {
0 a. Q) ~: ~) l3 V9 h xPos = xPos;& v" a9 S) b8 J( z; D
}9 {) i w- T7 ^5 n! Z
if (yDir == "down") {9 l- s8 W; b' u5 T- ^
yPos = yPos + BallSpeed;
% N' @. ], L* A }
! V* y& K4 @- I ` x else if (yDir == "up") {
3 O" x. d# {* Q% G yPos = yPos - BallSpeed;3 M$ [$ B0 ?% |4 i+ H/ a3 `" I: ?
}
0 @& o3 p$ ^* u& n/ D, A% r else {
$ M5 t) R' C9 Y' r yPos = yPos;
8 {# E* G, z5 W8 ?2 c' X* g }5 z {% j$ x6 p: b" H( b
}5 Y8 V+ N: I3 p1 \# y a$ M
$ `# E( F! M' ~# zfunction hidetext(){
3 u5 b# U" q# `/ O0 ~( ?/ X0 uif (document.all)
: Z) s# W9 r7 L/ Hsupertext.style.visibility="hidden"
; C6 K% O' E7 G$ r0 E& Z1 ?7 b: f4 c* relse if (document.layers)
; B: o+ m) e$ `) Cdocument.supertext.visibility="hide"
( }# c5 K7 g" n! ?0 [) p4 @clearTimeout(animatetext)$ O) A# j/ L# w; q- x- x
}' {$ K2 y( b D5 K
1 ~( }: S7 t5 l" [& d" m5 X
if (document.all||document.layers){& s/ X s& [. S- b% [& G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 h/ a2 E1 R# `5 G) dwindow.onload = initializeBall;- n$ r4 m0 s- C' ] G, ?
window.onresize = new Function("window.location.reload()");
& n- L- q! d# A9 J, i6 D5 `! F! ?}
9 u! e9 ?" \9 T! f. ?2 t( O. L- T0 V# T, X5 {+ @" L
</script> |
|