|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">: p% `6 z3 n* D; h2 f
#supertext {! V0 n, o5 q- }; I! {7 |9 A. O. }
position:absolute;
2 c3 r M5 N" A8 K% Aleft:0;% ^% r+ Y- y5 z" V' y0 [2 }# T* l
top:0;; t" A( t- j# Q4 y& I' ~2 J
visibility:hide;
! T1 }2 O/ ]' t, N& Gvisibility:hidden;
4 ?0 E! }2 ^) W3 _! `4 i* `}
6 d: c' u0 z1 D* ^5 }</style>
$ R; K) j. K7 p3 e- a<script language="JavaScript1.2">
+ ]2 }, w6 h9 p6 Y<!-- 改变下的字体的大小。颜色-->
* g: C* }, Z: y& l4 k0 e: Gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 V8 q7 ^0 s3 r5 j8 T& X& w
var hidetimer='';% W3 I6 w# H6 [8 U* D+ v0 A
<!-- 改变下的弹跳速度-->: p* V- k8 y) K, e; i: L: w* `! K
var BallSpeed = 20;4 d. v( P4 U7 _/ o9 m) }7 p
var contentWidth;
( S. S2 q, u7 [, e. H7 f6 j7 [; hvar contentHeight;
- z! X2 M2 [$ i8 l. svar maxBallSpeed = 50;2 F9 J" Q- H( x* B8 ~9 z3 ~% A5 [
6 w; `' a1 s1 P$ w
* W/ w7 Z; L& j" `7 V! M y1 X, v5 svar xMax;* Q5 I* _4 ^6 M
var yMax;, e& G" @) j# Z
var xPos = 0;2 R* j% a6 y4 [4 X- }# Q# v3 c7 e: A
var yPos = 0;, {% Y6 K/ F" k) M, W- m
var xDir = 'right';8 t' R! ^) p* S1 c5 M
var yDir = 'down';
r* e% B6 |8 b% F5 K w! ]var superballRunning = true;
% V- b7 P% X5 h% [" Ovar tempBallSpeed;) H5 i, h0 ^8 g2 F8 v
var currentBallSrc;% c- Y) r% ^9 Z! h f$ r; R( z
var newXDir;
0 n/ ]2 _0 j8 _7 P( [! zvar newYDir;, v3 D- q: B1 \" p( m" Z+ J0 f" a
# T9 F k4 \$ ^
function initializeBall() {
# ]! C2 K: G! y; u; j# O4 Z: Z if (document.all) {* _4 i: B3 k/ r# q$ I
xMax = document.body.clientWidth; q. L% V% N% J3 {* ~* D, ^% N
yMax = document.body.clientHeight
! n9 J5 i, t+ r: i5 f3 a document.all("supertext").style.visibility = "visible";; Y' V5 }( J1 _( V! X3 L
contentWidth=supertext.offsetWidth
( _, q( i7 M. @, r# W1 C" S contentHeight=supertext.offsetHeight
9 y% f6 m+ V+ Y4 ]4 \ }9 h9 g$ P- G) \4 N$ d
else if (document.layers) {* ^0 x3 L' `: m1 A$ S
xMax = window.innerWidth;7 l( q I4 L( Q& J
yMax = window.innerHeight;
1 v; i3 Y e8 L$ _/ Q contentWidth=document.supertext.document.width
0 [6 G" H% Y* K; {) p- K4 S( w1 x contentHeight=document.supertext.document.height
2 E6 r8 e! X, c3 E8 J document.layers["supertext"].visibility = "show";
8 @) t* [" {/ j" F }) R& f; D1 x6 d6 b$ k, ^! @3 u
setTimeout('moveBall()',400);
1 y/ }3 k7 Q) F if (hidetimer!='')! z/ _/ S+ R* @. H
setTimeout("hidetext()",hidetimer)
: Y. Y# z2 w- j7 _4 z0 \ }
' V2 v/ z* v) X1 N' d
5 e/ v& V9 Q3 `% Q9 |: ?- K1 Dfunction moveBall() {
& Q: c' V" k# |+ H/ i/ y if (superballRunning == true) {
: n5 e1 o6 q' k3 G calculatePosition();' O7 O, E2 [% |. Q' I
if (document.all) {
" t+ w* Z8 A% U8 X, Q" Q document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ e. t0 L# ^. a$ I document.all("supertext").style.top = yPos + document.body.scrollTop;
) ^' [0 K/ s( x5 C! A3 M: R } Q5 X$ V1 [: ~3 Y, X; \
else if (document.layers) {
; Y9 y M$ X& g document.layers["supertext"].left = xPos + pageXOffset;& q/ U% i) ]9 T( F; D
document.layers["supertext"].top = yPos + pageYOffset;
/ c/ R% y6 J# w. }% q4 p }
6 i: I0 \0 h/ r9 w$ p0 R2 W, \ animatetext=setTimeout('moveBall()',20);
/ O- Z! m7 j5 |! W; H+ ~3 w) K }
) @. E' a Q; `8 y }
1 b) F3 h) G! c9 {8 A' d4 e
+ M7 g. q& d: q4 \ rfunction calculatePosition() {
6 }( p! {1 I: v6 J if (xDir == "right") {. A3 k8 G3 n3 L9 U) B
if (xPos > (xMax - contentWidth - BallSpeed)) {( R$ D0 L0 K. \ p, B; M9 K7 t
xDir = "left";
7 z9 L6 d+ Y0 F6 W9 b6 B* I }
7 z; G& D$ v( ~% m8 n+ f( h }. ^1 a8 u# D6 u* r, `" i0 d+ [9 Z
else if (xDir == "left") {
+ z* r1 ^' a' q- F if (xPos < (0 + BallSpeed)) {* u" C( S! U& f: p8 l- B
xDir = "right";
% r" l0 ~9 I1 i$ G" D9 S; f0 F }
) o' ~3 Z* y* J$ B% x! Q }
# Y* h/ M( @! @7 g: y( s& d if (yDir == "down") {; w3 Y Z$ b. q( U
if (yPos > (yMax - contentHeight - BallSpeed)) {
7 l- M$ q1 F$ S& z" e0 M yDir = "up";' `9 I" X7 ^ ^5 x# n. e" n
}
! E& T, L& f0 T5 {7 n0 F b }
" I& V) ?9 n# [- j. ]8 m else if (yDir == "up") {$ A W% Y1 j* A B( K
if (yPos < (0 + BallSpeed)) {& U H7 O+ d* L; N- L Q% u! j
yDir = "down";
" q9 }- K0 k# l1 c/ r) N: j& \( l0 O }
/ i" f2 D7 o v- ]4 C6 ] }1 \! y, m. Q: q# r
if (xDir == "right") {
+ R( T6 R* c; j3 E xPos = xPos + BallSpeed;
z$ }9 e0 o5 W }
- G& j! O1 i, A1 n6 a( w, X else if (xDir == "left") {! v [! ^% o+ y8 ?& {
xPos = xPos - BallSpeed;+ x- I+ P) w% S1 m; [! S
}7 h5 }$ ~5 w5 m* C2 @8 z
else {
b3 ]8 a4 @$ P# U @- I xPos = xPos;
A0 _5 [ c9 |; L# A }0 J v% N- e8 |% _1 x& |# n5 T; u
if (yDir == "down") {
/ D% O1 z" {4 L0 v2 f9 r& O yPos = yPos + BallSpeed;
+ ^' J- P3 ^" H/ V: P }3 s3 v: Q1 H* y! ?7 \- w& e
else if (yDir == "up") { i* Y' P! {) W, Y9 g
yPos = yPos - BallSpeed;
2 b! n( r* |) W; u4 ^! P9 T! a& \ }
* d, d: E8 C8 V U# x else {
/ _% W4 Y8 c8 H' L' n2 a9 x yPos = yPos;
5 N* O: t' r) B5 z5 e( o }
/ S* t( Z2 z8 Q6 S }
0 z4 V% f% Q7 t1 P
( v. J7 x3 J& Rfunction hidetext(){ G0 e9 A. v! @
if (document.all)' V/ p' A( b! ~8 V; M
supertext.style.visibility="hidden"/ g2 i* l% q8 C7 r4 x" Y' t+ c% G
else if (document.layers)/ J M: I. h4 f9 f; T% @& A
document.supertext.visibility="hide"
2 ]% \. b/ d4 d) s) {clearTimeout(animatetext)% O( g J. @& o6 f8 E, E3 ]2 C
}
' |7 s+ U5 q; O7 {
# v4 a- C( G+ I# Y) Y. Vif (document.all||document.layers){
f0 R* M+ Y$ S: r: u, G. D; idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ k# W$ n1 _# P& K8 }7 }window.onload = initializeBall;- |, T( u! q1 T9 F
window.onresize = new Function("window.location.reload()");
! t6 p. G/ l) r: D- O$ e}
! |9 T& o( i6 I. i) O6 C7 r m2 P% N6 n" O1 `, `9 \( Y
</script> |
|
发表于 2008-1-21 20:55
|