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

|
网页之不断弹射的文字-特效
<style type="text/css">
: y% |5 t, B* e- z! [8 K2 k#supertext {
/ S' y4 r- q& o T8 }- k; [2 zposition:absolute;
; U7 O- }9 a! T8 G4 `left:0;
8 `+ r9 X z, v6 n1 H1 |& W& etop:0;$ z) c& Q7 y9 C% c
visibility:hide;) \. ^7 q X4 _2 `
visibility:hidden;
9 F( d2 W* J. U; @+ Y. f" m}
" ]7 I' O* Z) F6 `0 j</style>
1 C. \6 p, T: H4 F<script language="JavaScript1.2">
3 [; N$ ]+ n6 N/ Z- H3 q4 c<!-- 改变下的字体的大小。颜色-->
8 F1 \ R& P. U% l# q; H3 S$ [" w Q' ]var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( A! \- }4 L& j( [- mvar hidetimer='';2 n/ C; O2 Y" K0 _8 i
<!-- 改变下的弹跳速度-->/ P W. L0 X! F
var BallSpeed = 20;
, ?- V) } W% g' d- H: ?% V7 c% kvar contentWidth;
2 C9 ~* C0 Z! U8 _var contentHeight;8 v' i' a; z$ F0 G+ Y" Z6 _. W2 q
var maxBallSpeed = 50;! w Z" A" ^# U7 _: ?8 \! m1 ^
5 b& t& t# \4 w# C; \: l z
6 w7 l7 I8 G( E/ O/ |$ i5 g: b
var xMax;( C9 }4 Y& Q& ?! C# W# m: G l
var yMax;" [+ D- l' k- {7 l! F: A
var xPos = 0;
' V1 F/ M6 r" P* p* V. Zvar yPos = 0;
1 \$ s8 Y. |4 T2 K' Y8 y% yvar xDir = 'right';, u! |2 ]3 l: P1 G/ y* b. W6 I
var yDir = 'down';6 e: u) i' e8 f* T! M( O# A
var superballRunning = true;, }4 P! _( J$ _9 V" K
var tempBallSpeed;
2 p# P! _7 e8 k' t( zvar currentBallSrc;. F! O- e6 X2 m" O+ T' V$ T
var newXDir;
7 S# F7 O$ c4 Avar newYDir;
1 W3 r3 `8 K* o" }# n) T6 b, X/ T0 J+ U% I
function initializeBall() {
; h, |+ p3 R8 G/ f if (document.all) {; G* S0 G3 ~" }. F# t/ p$ `& Y
xMax = document.body.clientWidth4 U" u+ D' u0 C: A$ M! w# R
yMax = document.body.clientHeight$ a; _7 j5 _/ v. A/ S4 Y7 f
document.all("supertext").style.visibility = "visible";
* U# p5 [/ k) Q, n5 i/ \ contentWidth=supertext.offsetWidth0 V+ i+ j3 A5 K3 [: u* k$ o- K* {
contentHeight=supertext.offsetHeight o* L& k. e$ R* S* s
}9 i2 h% h' z `7 u$ K4 x
else if (document.layers) {5 h- p7 L4 `4 z1 Y4 d
xMax = window.innerWidth;
2 p2 {' ]! B0 V% v. R. b) F* t yMax = window.innerHeight;
( `) T3 t9 A# _' B' X' L contentWidth=document.supertext.document.width5 H$ j# J1 @4 R( `, x
contentHeight=document.supertext.document.height
+ P* N9 K7 Q. a$ D2 _ document.layers["supertext"].visibility = "show";
Z9 A8 s. ~. u! Z }: `' E5 O- q. B
setTimeout('moveBall()',400);
2 C+ Y( k% a' Y4 @( s0 _ if (hidetimer!='')
" P: E* @/ N# t. ^" Q1 O setTimeout("hidetext()",hidetimer)
' @0 k) U. {' W) R3 b Y- j* r. a }# M' A$ y6 z. }% O& u
- V8 b1 F& ]0 z6 E" Y7 d& Zfunction moveBall() {
, C* }$ i1 G7 G if (superballRunning == true) {
9 ?# U$ q# Q% o4 [ calculatePosition();! f* o; e/ p3 P
if (document.all) {
: { v% y. J( t( m$ U' K document.all("supertext").style.left = xPos + document.body.scrollLeft;; w$ ?1 D) C' T- B) k& n
document.all("supertext").style.top = yPos + document.body.scrollTop;6 R) @3 b1 ]; t
}
7 p- A& t1 s4 u! _' C$ X% N+ P else if (document.layers) {
+ p- Q1 W, J) E; `6 v0 y0 E document.layers["supertext"].left = xPos + pageXOffset;
) M0 v: T% K* t document.layers["supertext"].top = yPos + pageYOffset;
; u. j0 p1 v6 D }2 c7 {5 r, [: o% l" m+ o' ]7 m
animatetext=setTimeout('moveBall()',20);
' d" a4 l# F7 E: D3 W }
% s+ u9 l. P. O3 }7 U( [, W1 e. a2 Y }# W2 C. k: F, H5 n
1 k- s7 V# x. p% n8 Ufunction calculatePosition() {
" e4 B ]) ]4 \4 b if (xDir == "right") {
# g R1 y6 D7 t if (xPos > (xMax - contentWidth - BallSpeed)) {/ j7 H- j( b( o
xDir = "left";! s# L8 K3 P' R0 C, Z$ I/ |! ~& B
}
9 g7 d' X- Q0 _2 w/ k }
4 ?) a0 K r) L B2 l1 m6 f0 _4 j u else if (xDir == "left") {
t% S! \" l% z" ~- G+ t1 l: [ j# ` if (xPos < (0 + BallSpeed)) {
2 [( b3 U) }% L xDir = "right";
3 h8 P: j4 ?; r0 C; Z }
# O( x; X; T" O! v+ H0 O6 E# L }
6 F6 z5 x+ T! {5 D* F if (yDir == "down") {
. H+ U0 k) e+ u; B4 {! ] if (yPos > (yMax - contentHeight - BallSpeed)) {
; W, U0 o& ^5 F0 A) a- }# a yDir = "up";
1 Z! |9 w+ t1 Q( A, c# O- K7 X& F }
! Z6 |& C5 W2 _$ V- b0 s( z }
# N, K" s( R/ | p. C else if (yDir == "up") {
* J* h( S. q$ A3 e- J if (yPos < (0 + BallSpeed)) {
) a# Y) `( q7 F ~$ j, [( f yDir = "down";
6 ~0 o: X2 t0 M3 ] }4 }5 s: @7 B0 n! D( l1 K
}
8 }4 _5 D' L5 G# u' i) T if (xDir == "right") {
* a' `. F% y, ~6 @ xPos = xPos + BallSpeed;
. t! U$ ^1 \4 S } _, v; Y4 o3 c8 T4 x- ?0 c
else if (xDir == "left") {' a1 v: } z& j' r |
xPos = xPos - BallSpeed;
$ h( n' m3 p6 M: z9 `9 E }
5 G9 D: t& {. H2 j# d" X% X( O) t else {
# q, E* @5 L% J! G' H& ^ xPos = xPos;# ^2 p7 @4 b5 |
}
' K/ P$ i3 X" f9 H- J2 q if (yDir == "down") {
; m: {* {. I Q yPos = yPos + BallSpeed;$ Y) s0 m' d% i; U+ Q: _( h
}" G/ }- X* s& F1 K* U
else if (yDir == "up") {
% @, o- [# ?6 G. N0 f yPos = yPos - BallSpeed;
+ H# G2 V$ ~# O# y8 D/ @ }
+ j% h/ {" }) O" ~2 q+ [4 ?4 N G else {
/ B+ b8 `. A* s" V: y# u yPos = yPos;
* C( B- t- h$ t! S$ n }$ q$ \) B ?8 `; k0 x- n
}
8 N: B$ n& B9 S0 H* y& \, s( e% _$ c
function hidetext(){
% U7 s) p6 j6 l; Cif (document.all). J- K; T5 n: P1 h; l
supertext.style.visibility="hidden"
, p0 ?. _1 x8 j s! I& ielse if (document.layers)
1 r+ v+ C- |+ }7 H/ Kdocument.supertext.visibility="hide"/ k/ t) N. Z( j+ ~* _& n
clearTimeout(animatetext)- }1 ~* j4 n" M% U e
}
% n P! n4 Q+ D# k2 R5 v; |" H' W ^) A* Q
if (document.all||document.layers){) K& X, P x' D [+ O% y; r: Z+ y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 a, G4 Q) I7 z! Pwindow.onload = initializeBall;
+ w6 P* Q0 r, i: j: rwindow.onresize = new Function("window.location.reload()");, Z" t+ N4 [0 n9 T' T3 K
}
$ x# ]) w+ A) h$ B& k) l+ E
/ H$ q& z/ E) N* ], X# y. x) C</script> |
|