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

|
网页之不断弹射的文字-特效
<style type="text/css">
b% c; R/ B9 n1 F# X$ Q2 p' j2 R# A6 y#supertext {
* W2 S" e, |1 {, h. m. n/ Rposition:absolute;
; G7 I& l8 W$ T. J: O5 {* |left:0;
1 f: T+ |/ G8 @$ R+ stop:0;
+ a5 i% D1 J+ ?/ W$ {2 _visibility:hide;
]; _7 B6 n% x2 r# Uvisibility:hidden;
" D% g! u: t1 k* ]; F" W i5 e} Y! f- s9 S* J/ ^ v
</style>9 R+ g( m) \7 @: x/ v! @' S
<script language="JavaScript1.2">
) x& N+ e+ q6 y2 r9 n<!-- 改变下的字体的大小。颜色-->. x- z6 ]7 Z& j2 y4 Z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ I% k2 h5 b$ ~+ \* L" k o6 K
var hidetimer='';" ^5 @6 L; Y# }+ L7 ^8 w
<!-- 改变下的弹跳速度-->
6 {" d# {# i3 N5 j+ r9 W; C, c. [var BallSpeed = 20;8 R- p! y6 e: t4 H I& {2 ]
var contentWidth;
2 g* d5 i! |* N$ k9 b2 Fvar contentHeight;/ W9 `, ^. P8 T }2 X2 @& c
var maxBallSpeed = 50;9 C( b. t- f3 F" E' P$ d, u+ G
' }6 S2 f- _/ @- O
: K" P& c8 t- r9 p) t+ M9 xvar xMax;
7 M& E8 n, ^4 L: I6 U1 ]var yMax;
% Z' _% l0 o7 Z) rvar xPos = 0;
0 G: _1 A' {* y* n/ n2 o- Ovar yPos = 0;
6 F( J v5 p3 fvar xDir = 'right';8 [! F0 `" Z' ~$ a4 f6 b
var yDir = 'down';7 |+ ~' c# q. Z( z
var superballRunning = true;
4 y3 S) t Z6 ]8 I! evar tempBallSpeed;+ b0 u; i9 A- p
var currentBallSrc;: o) H" B( `( c" `! ]/ \
var newXDir;
- b, I3 V n O6 gvar newYDir;. |# D2 T* m! q' A
$ r/ D+ i k* q# M( ^function initializeBall() {" o# c0 |. f' @$ L
if (document.all) {: O8 ]# K2 \, d/ D0 ?
xMax = document.body.clientWidth" n* ?; A% B3 ^0 y
yMax = document.body.clientHeight8 R* f _9 @2 b" ~; \
document.all("supertext").style.visibility = "visible";
5 [0 _: y/ x( ?8 W contentWidth=supertext.offsetWidth
6 E# x: J' g7 p, _8 O7 g contentHeight=supertext.offsetHeight
' v1 z" o( e' O, B }; J! B" w, E r& q {. W x
else if (document.layers) {: _8 x1 o: d8 E- S- [, y. |
xMax = window.innerWidth;" _: u1 `$ x1 \+ R
yMax = window.innerHeight;; b# X4 Q! ?$ e9 L$ ~: x8 I
contentWidth=document.supertext.document.width
9 M+ n6 T; @, M/ P contentHeight=document.supertext.document.height- H4 F ^' w% e: S
document.layers["supertext"].visibility = "show";
5 d7 V$ z% L- k4 u- e }
. b& |' F j0 U- X setTimeout('moveBall()',400);7 m6 @$ m0 C1 O& ~% k, Z
if (hidetimer!='')7 m9 ]; t* \9 `) e2 N, }# b, g
setTimeout("hidetext()",hidetimer)
% r m+ e' s$ t y& X9 |- A& E }
, N4 r6 ]& r D# W$ R* u1 j/ B" r5 g' Q! N/ o5 q$ @$ f4 s
function moveBall() {
0 `4 e" ]2 i0 b! M' {0 a, g if (superballRunning == true) {# q) r2 Q" q% I6 u' H
calculatePosition();% X+ f% i8 w4 ]& ~# ^( C
if (document.all) {
1 n6 w( l7 ?2 |6 J! G% q) { document.all("supertext").style.left = xPos + document.body.scrollLeft;
' B* \$ U0 _2 Y1 C) | document.all("supertext").style.top = yPos + document.body.scrollTop;
% \( r @/ s. M }
" B- X( K/ Z9 V5 X- t) J$ @ else if (document.layers) {
; i d0 g t: J# E$ r document.layers["supertext"].left = xPos + pageXOffset;! b& G6 M. _, e* `) L( Z+ ^/ `
document.layers["supertext"].top = yPos + pageYOffset;
/ Y0 b* m: N- `% v) o$ Q) V+ f }
3 }# V4 t- F1 V animatetext=setTimeout('moveBall()',20);
8 c. H( I. o! ?: N) B }/ s& v2 d L/ T; G! a
}5 K4 U6 e/ P) z1 ?/ v/ e9 S& ~
, s. ]! J. d q% N6 i8 ^
function calculatePosition() {, ^+ l, f6 A+ J1 k8 d
if (xDir == "right") {
. ~3 l2 X+ P& \2 e6 G* Y* S* m if (xPos > (xMax - contentWidth - BallSpeed)) {! N1 E- U5 r8 ~- b' X1 h9 p" U
xDir = "left";& |$ f- ` }4 N: H1 C5 C0 A5 ^
}
! [5 q! l0 A7 {, }+ |. M2 g; M: @ }9 @& t" B* V* K7 N g& {# U. b3 p
else if (xDir == "left") {
4 Y+ H8 P" l0 }: N) a1 O if (xPos < (0 + BallSpeed)) {
* I# A( j) m; \7 h+ B" A xDir = "right";
: z& o# p+ _- f* T9 L" |/ i; A5 C }6 T9 F; Q3 v! A2 ]# ~. x! ?
}3 I' a. U* H D" J9 {! A# v
if (yDir == "down") {
# S4 F# T% H4 c: R! V" I2 P% v: y if (yPos > (yMax - contentHeight - BallSpeed)) {
! B2 N2 O4 Q3 N1 I7 ]7 |% ^& U$ f( F8 E yDir = "up";
P* m$ {2 F4 k }
7 A- U* G# _" J+ i* b! m, N& F }% z: P t4 ]9 U& S* r' q- E, K
else if (yDir == "up") {: a4 I b2 o @ X1 K
if (yPos < (0 + BallSpeed)) {" V( f' K l/ _
yDir = "down";
# [8 ^/ \/ i6 s% g" N- l, u- E }
9 m4 f3 o6 C/ T4 s# B4 f3 @ }
$ Y0 }; [. k- `) W; e if (xDir == "right") {
' a" c1 j3 @7 f. q0 O5 I! U xPos = xPos + BallSpeed;) m) a2 _4 o9 N* G5 W( a7 K4 W, r3 V
}% m8 e- u/ k6 d: ^4 r
else if (xDir == "left") {% a Y2 j1 e$ t/ J
xPos = xPos - BallSpeed;. [; R6 E! h$ |5 F
}
b* p. l; e* g' B else {
. J+ q4 e( T7 S( P. L xPos = xPos;) v2 z! r. B# A0 _, }3 \) u
}
2 E. f( o+ h5 [3 B8 @ x2 c4 T if (yDir == "down") {
" U: D8 \6 z' w# v U$ J! i+ D yPos = yPos + BallSpeed;
3 f8 ^0 K& [9 I' e" d2 o/ s% L! h }' n- U l4 y& o7 O" u" e
else if (yDir == "up") {
6 y$ U" T4 y% \. B. O yPos = yPos - BallSpeed;
0 L- Y' p7 `/ F }
+ ^. S4 d( K- r7 v' y else {, e1 _# B7 w1 k4 r2 T+ w
yPos = yPos;; f) M0 }5 s8 T! p5 ^- t; ^. O
}$ D* U- J# h* R! X) ]3 g" x* C
}& J( N* f/ D1 I: o9 W/ ]
. S. g" i- s" ]4 M$ l2 \6 L- n5 x5 Hfunction hidetext(){+ Z+ |! s9 `- @# D) i8 c! I
if (document.all)5 g ~+ _2 O" o" p3 _* X3 D
supertext.style.visibility="hidden"
+ E7 r7 e" `. U. \* {4 \& @else if (document.layers)7 F5 a8 n4 q/ u( n, A' [4 z
document.supertext.visibility="hide"$ K. k" \0 u6 g& c& r
clearTimeout(animatetext)- D. ?5 J# }& h2 n
}* r$ v3 z# ]. ]& C$ g! X" E/ ?
3 s4 r% e: Q2 ]4 Lif (document.all||document.layers){
0 n/ x k! r, a3 X& ^7 j: t9 Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 i. \' d* e5 L& h9 @window.onload = initializeBall;; p6 Y- h- k4 k: r2 j* H
window.onresize = new Function("window.location.reload()");
9 c z6 y( s8 K" c7 D}
" i( z x7 x3 D0 Q3 y
6 ]6 Y% l8 q- q7 P* ?</script> |
|