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

|
网页之不断弹射的文字-特效
<style type="text/css">7 O4 {1 [: Q. ^$ n2 ^
#supertext {9 t+ A7 |7 C' ?5 ]4 q2 }
position:absolute;
9 @$ T [- m3 f# M- zleft:0;
3 S) \9 z# X8 s. ]# r( Y5 `top:0;
! T' p# D+ M7 L" `visibility:hide;
' c& z3 B4 f) {' s! ]5 tvisibility:hidden;
; N3 L; G8 Z9 A# V}
7 s% b# r$ |3 r9 L</style>" f4 v5 ?$ u2 W1 }
<script language="JavaScript1.2">9 d$ e! X) N2 J$ X. h
<!-- 改变下的字体的大小。颜色-->
2 C# N; w+ V) Y0 D8 E- _7 ^* pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ M; d \2 o# e5 O6 avar hidetimer='';
: b6 w6 {7 M6 }<!-- 改变下的弹跳速度-->7 ~' P- M( A- t. q
var BallSpeed = 20;
" r" s( u( I+ Q9 X# _var contentWidth;
% _7 W4 |0 D3 R- S. d2 v; ovar contentHeight;
+ }& b0 K' N [9 M% lvar maxBallSpeed = 50;
( ?5 a( q* s( N5 T2 U8 s! V; B5 M( k, B# ?
% I/ f1 n& h1 Y) I) {# u
var xMax;
; F0 ~7 p$ O' @0 {* d' tvar yMax;
* O, I8 @& `0 @: K1 Hvar xPos = 0;$ ]( g. \( u& k# u' N
var yPos = 0;% r: i( Z+ \5 F h* R) D
var xDir = 'right';) _3 p4 }4 K& e. m5 [1 O. i
var yDir = 'down';7 c5 T! g* X8 d
var superballRunning = true;9 J+ S6 [7 C0 s0 T" I- }3 D) I
var tempBallSpeed;- g: a# j9 L/ A& s/ A2 _
var currentBallSrc;1 k* ~) g. [+ T/ d ~1 \/ Y2 T
var newXDir;; S( {! H) Q$ y5 e, |8 N) [
var newYDir;
! D9 Y1 F7 c$ s- Z# Z" o) p# q7 Y8 q5 ], s x+ Y9 f
function initializeBall() {0 v4 L8 A7 G7 {. e+ K* |! R
if (document.all) {% A8 Q& B4 R- T% B' E w- V
xMax = document.body.clientWidth' d" f) s1 Q7 P" | K
yMax = document.body.clientHeight
' L# ~0 k$ ~, y: P6 p document.all("supertext").style.visibility = "visible";8 l' y( Y9 Z( e I4 G0 R
contentWidth=supertext.offsetWidth
% u4 l0 O$ n9 m% e' h contentHeight=supertext.offsetHeight& {, L- ]8 K, ^5 X# u; _5 w) b
}
+ ?# v O4 ^: j ~: ^4 p+ \- {( O6 G else if (document.layers) {
t( l( D' E) }9 v5 i( n xMax = window.innerWidth;" z0 c! G2 Q9 s/ ^2 |
yMax = window.innerHeight;
v/ n0 s6 O+ W0 Z& X# P" ]) A: q contentWidth=document.supertext.document.width
! l& p2 ]' e3 b/ O contentHeight=document.supertext.document.height
: x i' ~% x3 Y$ s3 X document.layers["supertext"].visibility = "show"; s; F, B9 @) v1 `
}
5 i% c0 w: H& |. B8 ?6 F setTimeout('moveBall()',400);; u& e' W2 y" b8 l2 ~
if (hidetimer!='')
2 j1 F# Q! i6 h% _ setTimeout("hidetext()",hidetimer)5 D& v4 f# ?: [) n3 u
}" D+ d1 q0 A: b( d& Z( A
& d% v4 J$ d1 W' @/ v
function moveBall() {$ E" o8 |" r/ _5 d1 i
if (superballRunning == true) {& O; \! t/ e6 `; q/ r& D" u) y
calculatePosition();- G6 w& X2 E) i$ [; b8 L5 I4 i# {) s
if (document.all) {" a+ m# V1 U2 X5 g& j( b
document.all("supertext").style.left = xPos + document.body.scrollLeft;% c: N8 N& Y# p/ h+ g% A5 _
document.all("supertext").style.top = yPos + document.body.scrollTop;# D" W1 D8 y* f' a3 H, t7 R
}
; _4 ?8 s) H9 t2 X! k else if (document.layers) {
3 P; G" D" y8 Z7 }+ G0 e" p document.layers["supertext"].left = xPos + pageXOffset;
! x! o! O8 l, N7 P- ~8 l" T' _; F7 a document.layers["supertext"].top = yPos + pageYOffset;
: S# q% a! P; d, i; B5 Z2 f" A }0 n+ l$ F e: i" @+ L; X) s# ]1 x
animatetext=setTimeout('moveBall()',20);
. x6 l# z) f0 d; m0 t: k% f Z' D% J; ^ }
/ X4 i) u# l( C1 q5 O }6 g+ m0 X6 Y6 e) e0 ^& Y
$ M5 Y. G& n' a8 p) I
function calculatePosition() {" l, f- u2 ^2 L% X& n7 v
if (xDir == "right") {, @2 \% t) q, f9 B. ^, p. K- b$ u
if (xPos > (xMax - contentWidth - BallSpeed)) {% I, C/ G+ w) O, s1 E# O/ w- f* `
xDir = "left";9 M; d# A7 v1 g+ G
}- U' _8 d2 n) s0 {2 a
}6 Q5 t- {. j! o
else if (xDir == "left") {
6 i. C3 e. V' V if (xPos < (0 + BallSpeed)) {
. ]( E9 }0 n0 n4 Q xDir = "right";
5 u% s/ E, a, s' [3 }/ m6 a }
) j! C s- s( _! q7 s: z# l' U }% f; C+ N8 A9 V- C
if (yDir == "down") {
r7 X7 \/ a* c if (yPos > (yMax - contentHeight - BallSpeed)) {
2 K0 T) A* `" H, v yDir = "up";+ Z* ^0 y0 v, G# F" Y; ?. ?1 D' K
}
8 C- c+ Z/ B! |4 `! P }
$ f7 R \% l: w1 R else if (yDir == "up") {( ]2 a2 U) O6 D
if (yPos < (0 + BallSpeed)) {
* L: _6 }9 D$ n& F; k yDir = "down";! Q- s5 ?, L2 D1 R3 g
}
/ S6 Z c$ [6 x6 ~, ~: v9 s1 w }0 x& e; [- I1 f8 g: f$ _; m
if (xDir == "right") {
7 K9 I V. Y6 d! [1 J xPos = xPos + BallSpeed;
' \8 D) M$ I" m* I( _6 W* _5 J" Z }
0 \7 E& Q* \" j. @- F else if (xDir == "left") {
- X3 Z2 q8 M6 v. {+ S xPos = xPos - BallSpeed;9 p9 V5 ^& K) j; a" e
}
) `; k* t4 M" ^! k5 v# e( Z: _ else {
& |! `( Z/ ], y8 y) R/ | xPos = xPos;+ `( c. H, K9 D. `0 D+ W
}
9 [; P4 [* q! x' {/ h; V if (yDir == "down") {
5 s* ~$ `6 `! ~ yPos = yPos + BallSpeed;! r6 u- z, A8 X% X1 T* N9 V
}
# h- X |: {( ^! ? else if (yDir == "up") {
0 f2 n3 E; S0 \4 g k7 H yPos = yPos - BallSpeed;
" [+ k1 z i! ~ s }, U1 j4 \ a0 R; D$ ?
else {% K2 Z! H" m# Y5 I* P
yPos = yPos;
" F) p* {8 R, x h, u- A }2 J0 r4 y, Q, s+ y8 X' W, n
}& D* H. u( |* J3 C
2 Y* c+ t; S( ~. j8 X# a4 j
function hidetext(){
* U2 e! g& A3 \8 e! F1 D; sif (document.all)" G& l0 o. M! e% o/ ?8 T9 B
supertext.style.visibility="hidden"/ _, t! C8 K2 Q( W3 h
else if (document.layers)( i/ o$ t. d4 i s2 Q0 m _
document.supertext.visibility="hide", L l) o9 _9 g) h% N
clearTimeout(animatetext)( b# b+ ^+ }/ X& W! ]9 r
}1 l8 w/ L% k. K, H
$ x! v3 i$ p. l1 b! C- y' ^2 j" @if (document.all||document.layers){
) E2 C; {0 h$ E- K* \0 z1 wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 h: f+ f& ?" ]0 twindow.onload = initializeBall;
4 I& \7 D. ~7 B0 w- Y: p Z; S4 kwindow.onresize = new Function("window.location.reload()");
) `+ E9 D+ K) O$ y}& P$ G; E% p7 O, Z/ |- I1 C
9 J9 u* z0 s% |7 B6 ^
</script> |
|