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

|
网页之不断弹射的文字-特效
<style type="text/css">
8 t9 F: Y9 ], `& x* I/ P& h0 G#supertext {9 r+ D3 [. L6 ^+ X$ t) S& h- e/ {" t
position:absolute;
7 Y- H0 ^: H- O }% [# _left:0;5 d# [; g# g% v
top:0;
" c" m0 r* J" B8 ^ [visibility:hide;/ N/ N0 n$ P( ]) Q
visibility:hidden;
- t3 @0 s( P3 Y- w# K7 Y- E}
" {+ ^+ G) |2 K) V6 K" ~</style>
8 n }' U2 N! {2 d8 u' N% P* z5 P0 V<script language="JavaScript1.2">
2 T7 I1 p6 W9 ~- n, q6 ?<!-- 改变下的字体的大小。颜色-->
, ?) t! g. g( e5 W4 s' @9 kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- r) Z& f, Y7 l _3 r& Ovar hidetimer='';& O3 W! X( W9 F* y7 t
<!-- 改变下的弹跳速度-->
. c2 D& c* t- avar BallSpeed = 20;! j6 A; o5 K, Q q3 Y% r' t
var contentWidth;
: z6 k7 j5 F1 ?' B' e9 lvar contentHeight;) i! M% i. m* G8 Z/ s) N: N/ e
var maxBallSpeed = 50;
9 g( B5 f* P/ t; W c' z. M k! u! L6 A5 \8 G7 n, S* x/ _
3 r" P/ j& K! ^! v! f* r3 `
var xMax;( |4 B' K3 d: B5 B: t/ Q r3 V' E7 R
var yMax;
) I/ ~& Y. Q$ x5 N, v8 d0 yvar xPos = 0;1 [6 `- f4 \5 A% e
var yPos = 0;9 z9 o& t& X( C! W4 S; Q& K! G" R
var xDir = 'right';4 O9 D% B7 E' d! Y
var yDir = 'down';$ u! @; L* \ i! e, ]# X
var superballRunning = true;
' f/ B+ V- }7 {" Z% Z2 z A) pvar tempBallSpeed; \/ _& u- Q3 V2 G% j' O5 d
var currentBallSrc;
u/ ]& S, [1 D1 X% X. evar newXDir;
& e# e3 {% y) _( W2 [% [: c& X3 Y' ?4 Ivar newYDir;; v- N9 I d0 S& b) S' u& t
8 v6 ]4 {4 V) K! hfunction initializeBall() {
# z& Y; Q. L! }% T9 ~' t& k" ] J if (document.all) {, J+ j# n( M, \. L6 s
xMax = document.body.clientWidth, @2 P) z/ r5 P" h( X5 ]
yMax = document.body.clientHeight
, B! @1 k! y `3 u; L. G, H9 G2 r! i document.all("supertext").style.visibility = "visible";
$ l5 b4 U! o6 B6 r4 J contentWidth=supertext.offsetWidth O4 J5 B6 D. m# r
contentHeight=supertext.offsetHeight! F% i l& j' t m
}2 t' r5 J+ b7 E- I u6 G
else if (document.layers) {, u: ~+ i, B7 r! M8 {- S
xMax = window.innerWidth;; G% V( R! \* l! Z- [5 X4 `9 S
yMax = window.innerHeight;9 |# a7 x) p; e. D, f' l& A1 I7 O
contentWidth=document.supertext.document.width
, ]! O0 x4 t- M' N* E# {2 W contentHeight=document.supertext.document.height
! A U$ l8 X! N6 `1 V! D document.layers["supertext"].visibility = "show";
# n+ F4 {4 w& S' u; _5 k }
* m6 _$ N0 z! `% z+ M* P setTimeout('moveBall()',400);% v3 b; I T& M$ u' p3 G7 r% i( p
if (hidetimer!='')- k, v! U$ D# i. v* f
setTimeout("hidetext()",hidetimer)+ W7 a/ m F: |. C; \
}
- Z+ ~ X2 h1 F7 s/ `0 R3 v0 @8 N/ H0 O
function moveBall() {
T% o( y: j, X& b/ Y+ g if (superballRunning == true) {
& K% D8 `5 B) q5 C8 b calculatePosition();) R# W& L: L" k5 g
if (document.all) {2 ?) W2 `- f4 ], J% c3 }' b) {: e
document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 b% [4 {6 d, z9 ?- J. i2 U6 W" Z document.all("supertext").style.top = yPos + document.body.scrollTop;
" s1 a4 n: H% Z7 M& y! P4 G }
& P9 i: C2 J6 B8 a7 F else if (document.layers) {
" g& u- w. {) {8 k2 p! y document.layers["supertext"].left = xPos + pageXOffset;
5 @: ?# K6 `- h9 [' l, T: J3 w document.layers["supertext"].top = yPos + pageYOffset;1 d# i4 |6 N# z& P
}
" r4 n+ `& [) j F animatetext=setTimeout('moveBall()',20);6 _, P" `3 _* S P. ~6 B" v
}3 U( e+ d4 x2 v. Y
}# L0 n# g0 E& {1 w; \9 ?
. X# W. M. P3 b, A. a, x9 }1 R( F
function calculatePosition() {
O7 D( b' ]2 K# B R4 ^ if (xDir == "right") {1 x/ S7 O) e, M ]
if (xPos > (xMax - contentWidth - BallSpeed)) {1 I5 j: [ X" G- E3 s7 f
xDir = "left";1 \7 I/ k, d0 K, J2 l. X( ~( L
}
- i! N# @0 Y. z7 `7 p/ L* G }
7 a. w4 B6 q; d% P. G* p& X else if (xDir == "left") {
% ?9 x+ x$ w, P1 P if (xPos < (0 + BallSpeed)) {3 v- u' G6 d' ?2 ]- n; `
xDir = "right";
3 q$ j# H( L6 v- C( m }/ S" A3 \5 e+ c% U5 [
}; W% S/ I3 V1 C1 h! E
if (yDir == "down") {
r2 N- l' v0 r if (yPos > (yMax - contentHeight - BallSpeed)) {
7 }: s8 H+ c! E% J yDir = "up"; Y7 c; v L& ], p: F
}4 \5 v% L, k6 N. _# o& a$ g' ~
}
1 N) \0 |4 v9 F0 q3 `3 v else if (yDir == "up") {
. }. X8 R! I4 m" W if (yPos < (0 + BallSpeed)) {
3 r! z! }0 N' m( ] yDir = "down";# ^7 l2 F- t4 T
}
$ V+ R( i/ r* V7 v0 G }
: n- C& j5 E9 v if (xDir == "right") {3 {, \% _. B E Q
xPos = xPos + BallSpeed;
% C$ Y: L; u; D% P+ V }2 K9 e7 E- j& a: p0 r. d Q$ W
else if (xDir == "left") {- p* I& x# ^/ g- x/ J( |
xPos = xPos - BallSpeed;
/ K2 g1 {" H- l5 o' D }
8 c% ]6 |+ i* ^5 L else {/ ?$ ?" F S) C3 @% E/ e! z5 D
xPos = xPos;
^' W' C9 s6 E. [5 ] C }
6 W. n9 c7 F' j8 v' g' j: X! X if (yDir == "down") {" X2 F" ^# r' `
yPos = yPos + BallSpeed;
* M$ a6 Y& o B9 ~ }/ A" ^0 u2 t8 T/ }$ K9 t! J
else if (yDir == "up") {; U8 z' |0 e, a% \9 h: k
yPos = yPos - BallSpeed;) \, I3 z8 j$ W, m& ^7 r1 N
}
- T/ t8 D4 R/ s0 n4 v else {% Z& V3 p+ T, p( B3 I/ \
yPos = yPos;+ ]$ W9 J7 K, F) z: i8 ?
}
+ j& v4 t) I) d8 H4 q }1 d$ P8 G$ F# r* K5 Y$ c. y
: ?- P/ I* ?# l; {function hidetext(){
& f# y" F' V7 x# Y& ?9 M1 B! f9 ]if (document.all)6 N) `0 T3 c. s' X) D+ B" p- C0 d
supertext.style.visibility="hidden"6 O n z* Y' \1 Q& j
else if (document.layers)
- l4 n& _. ^2 A7 ndocument.supertext.visibility="hide"% k3 m3 a8 [: @' A
clearTimeout(animatetext)) H1 ?8 p! W1 V& s( {, G
}
2 `* J* M$ D# O# [$ |# g3 w9 \* q% D- |& d
if (document.all||document.layers){% P8 D N) x( ? L' _$ \- h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 v& Z# M N& r1 Z" Z% f
window.onload = initializeBall;, F V( i% Q' C1 v$ k+ }
window.onresize = new Function("window.location.reload()");+ e4 N. f9 u& W& }- d x
}5 ]$ r) k, ?7 }+ s% E ]
3 p) s1 j( @3 O& T% P3 l" s</script> |
|