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

|
网页之不断弹射的文字-特效
<style type="text/css">
Y3 k, U, w; U/ Y& I#supertext {
9 b: k" c t! O$ O) eposition:absolute;; u6 t( I3 ?2 ?/ w4 R% l
left:0;1 v3 S5 a2 Y& y
top:0;/ I4 O1 b; V. q4 C# Z4 N
visibility:hide;* R I a" ~: L+ u2 o
visibility:hidden;7 V7 E3 y# s& R2 @7 R7 M4 W O9 \+ I
}
* L! Y B( Z3 s% l. Z# q</style>
. w0 V( L1 T3 f- t<script language="JavaScript1.2">
$ q7 y, _/ |$ @<!-- 改变下的字体的大小。颜色-->
7 ]8 S. |% {( b8 jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 H( T: s2 w) I- k3 _" u, W% Zvar hidetimer='';
- F" E/ Q3 v; O5 A! N* Y<!-- 改变下的弹跳速度-->7 ^1 z6 k9 i3 z' H. Y( C( I( ^
var BallSpeed = 20;/ `, B; N: Q& z/ k. w2 L
var contentWidth;% [6 f3 B9 J7 ?0 t
var contentHeight;8 d6 L# j( j/ s0 r0 s, y" c8 k
var maxBallSpeed = 50; {/ W) _6 X8 }/ Z& `6 H! p
0 P% [" H+ _8 ], `' ?: y! k, N# |
var xMax;/ o+ L* u5 d3 t3 o: }
var yMax;! Z9 S+ Z& z: H, D) V) s
var xPos = 0;' D! \; R, Q; s4 M$ n3 Y3 Q# ?
var yPos = 0;
# x' w5 ?: n0 B+ C2 }2 o" \# Avar xDir = 'right';0 x2 u9 M( j8 V0 M' a9 d0 P
var yDir = 'down';
2 U7 y9 _& T1 d% s9 n/ Lvar superballRunning = true;6 o7 J5 ^ X' A% f# s
var tempBallSpeed;
1 {" |) X& p% \& N5 ^var currentBallSrc;
; p! W2 O% Q1 r! Yvar newXDir;* [. w* y/ A/ \9 x3 r+ R6 f- U
var newYDir;7 \8 U2 V! P& n( ~1 C7 `% a A
% y7 b" i( r0 J5 ? |& h: b/ @+ G1 g+ Jfunction initializeBall() {; N' B! \# r, g4 C' H! s# w
if (document.all) {+ E. U; H p9 @; f
xMax = document.body.clientWidth
4 b; V! X$ x* } yMax = document.body.clientHeight" J! n" j" @5 o+ k
document.all("supertext").style.visibility = "visible";
" G2 ^+ c$ h+ W7 B1 V3 W8 A; n contentWidth=supertext.offsetWidth/ F0 n9 ?& ^: V% M& A
contentHeight=supertext.offsetHeight
( f* N) g. H8 l3 I }# _+ m4 _1 U0 F X( |
else if (document.layers) {
3 T! ]$ ]; T, s( q+ D/ {- r; M xMax = window.innerWidth;
# O! P2 I `2 G9 t& O0 D yMax = window.innerHeight;
1 M8 W4 l1 p, \% {, u contentWidth=document.supertext.document.width6 D7 C7 `3 D8 B4 C8 } |
contentHeight=document.supertext.document.height
8 }$ ]; [9 x$ m0 N/ {: ?( h5 b document.layers["supertext"].visibility = "show";: [# t8 e1 i! o& A# u6 ?
}
. y, V* F; v. R setTimeout('moveBall()',400);% P4 K( r( `' s5 _0 s# z
if (hidetimer!='')! x5 u9 c4 j7 }
setTimeout("hidetext()",hidetimer). N/ R8 ~9 E1 k1 G. P$ y
}
. |' `7 e; @9 v7 i0 U
9 x( n' b* X/ F: ifunction moveBall() {
( b u, F8 M( x if (superballRunning == true) {
( e4 T; g, Z8 l" G calculatePosition();
$ I) F: f# w: u; \* ]3 m7 A if (document.all) {6 F: h0 Q1 p E: t" E. s {. x, `
document.all("supertext").style.left = xPos + document.body.scrollLeft;
, _+ c( W/ @, A7 C5 ]( @+ u# H document.all("supertext").style.top = yPos + document.body.scrollTop;
- t/ A6 ~6 S l4 y }) D, ]! C; D* }( N' ?; u0 ?
else if (document.layers) {
/ H+ L- U: E$ h9 } document.layers["supertext"].left = xPos + pageXOffset;. e) e5 Q# ^/ ~; N; S8 }
document.layers["supertext"].top = yPos + pageYOffset;% N: P/ [7 n# {: D! h
}' {) J- y. a$ T$ t( A
animatetext=setTimeout('moveBall()',20);% I8 u/ M6 j4 V) ~% b
} B7 K* |1 w0 H
}
3 K- R2 I; I Y9 ^. y9 |0 K& ^. |' M* B2 l, G @% i! M2 V9 w
function calculatePosition() {
' N7 W& Y6 _- s c if (xDir == "right") {/ e: q2 k. I) z. ~ G
if (xPos > (xMax - contentWidth - BallSpeed)) {
" t+ P4 N, @1 A, x- V+ p xDir = "left";
; P4 ]* k) [6 w7 K p }
0 [9 J! q' Z- L7 _' l% u( u8 C }
6 E( I# z3 Y; G+ W1 F9 A' U else if (xDir == "left") {
7 M" M, m8 t, v$ e% U if (xPos < (0 + BallSpeed)) {4 ^3 E7 u( p4 _' g w. {! n5 c
xDir = "right";1 v4 E3 y6 U: n3 c( `
}
' {, T4 ^/ U6 Y+ L$ D }
- R: D& W% ]- H' K1 ^) p8 P if (yDir == "down") {
# W5 _# t5 {/ e if (yPos > (yMax - contentHeight - BallSpeed)) {3 K* @! q- o2 W* Q. @
yDir = "up";2 F/ I0 T! a! H* o" P
}
) f8 R, h/ t9 S" T& I! h& Z }
% U; v; W3 x/ E' Z, q else if (yDir == "up") {+ X5 ]! c" m1 Y, E/ q6 i" E
if (yPos < (0 + BallSpeed)) {
/ {5 _2 T7 o+ F8 K. C1 E yDir = "down"; W$ B8 R4 H3 I/ Q P9 ~
}5 b6 t2 |6 p" F h0 w
}
t1 [1 j, ?; k. w$ ~7 }$ C if (xDir == "right") {5 L- _+ M( o1 |" k" R
xPos = xPos + BallSpeed;
+ o- K2 s# Z' ?4 t: G" k }; A* k4 ^4 W: k" e% _6 q* M
else if (xDir == "left") {
% l, }2 g4 {# A9 v xPos = xPos - BallSpeed;
7 x& \8 {: h+ O }* l& T2 }& ^9 C+ e# {2 L1 J- j) Q
else {
% f' _9 O) q5 O0 r xPos = xPos;
5 _) A8 i% U) |+ z" n5 n } ~* @5 Y6 S& g/ F
if (yDir == "down") {" z$ T- {6 |2 O' T z* ^) | F
yPos = yPos + BallSpeed;
+ H) O/ o( N* x4 g! R }
& S' J: @* A+ V$ S, W% l else if (yDir == "up") {
- y5 s6 i: @# P yPos = yPos - BallSpeed;7 m: k0 }' m8 z, g+ F0 G( J' W
}- O5 l2 R, X0 v t! c+ `
else {
a0 \* x6 J# @* } yPos = yPos;+ p f" s1 A0 Q& Q1 \9 ?
}
' i9 `" M$ j+ w( H% t% v$ R6 l }, |1 J7 h' o' ^4 Y; b, u- D4 [/ T
( }, l* \! r+ ?* L9 J4 nfunction hidetext(){: J& U3 i( T" u4 g0 _/ ?
if (document.all)' Y0 E0 y" k% h, G5 f. h; e& ^3 k
supertext.style.visibility="hidden"0 c( j; ]2 D6 h6 \9 {. a
else if (document.layers)# g" B2 m2 B7 Z
document.supertext.visibility="hide"
0 C% q' p- Q& FclearTimeout(animatetext)" p8 Z( S, h7 L& g
}2 ]: j$ w, l% E- w i4 J
; C0 ?2 @( Q: |6 A7 X3 a' Y5 A
if (document.all||document.layers){& R: d" S& u" y: i1 M$ V3 l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* M; r2 K' ]5 W$ A
window.onload = initializeBall;3 p1 L3 y+ u$ K, B
window.onresize = new Function("window.location.reload()");* z: d( p/ V+ f
}. q5 p% P- ?7 R b
( i5 S& X, i' r& Q</script> |
|