|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css"># {9 u! B3 b7 l1 I
#supertext {
. S5 M ]; a+ t' T$ H, C# a/ jposition:absolute;" d% H+ u. z P- K- _ v
left:0;; f( \( [* \; P% ]
top:0;
- W0 q8 m: w/ D% h# o7 f! nvisibility:hide;
, H5 k6 J7 W0 L( t) }visibility:hidden;
3 B, v. j! [9 \1 F4 p' S) u}' m! ^. t7 e$ I" p% V/ \ l# z
</style>- J( R" Y( d/ E) ^) }8 y
<script language="JavaScript1.2">! Q1 n W; S4 o- U* y
<!-- 改变下的字体的大小。颜色-->2 _1 L, r8 v3 r( N m$ @7 B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- V$ l# L( q- U x. z- Svar hidetimer='';- w+ N& w+ U5 E+ @ G
<!-- 改变下的弹跳速度-->3 ~. X1 j( U! a, T( J' i- w& I6 o
var BallSpeed = 20;
* _, w' O" I, F: Y/ ]& |' C1 H; svar contentWidth;6 ]3 y0 G4 B: f, y b. p3 [
var contentHeight;! {, b. Q `( h
var maxBallSpeed = 50;- \* f5 S! A. U5 n! x
% q: Q& N: G x9 B3 Q
$ ^8 D5 C0 j' J5 ~# p8 e" q8 g! ~, k
var xMax;& I! b$ j' m, N2 l n/ s3 X; r
var yMax;
4 {/ C% }+ V" d1 {# r2 [& M2 nvar xPos = 0;& v, O' p0 `' n
var yPos = 0;( j, W7 T8 L7 u( v# c* ^
var xDir = 'right';2 V, s U0 p4 Z" e
var yDir = 'down';
0 s" d" S4 ^. Q9 lvar superballRunning = true;' A3 J/ P; K d6 n0 v8 @
var tempBallSpeed;- s/ w. G3 u. w) d( r5 l
var currentBallSrc;
$ G' c6 N) K6 ~! B, Wvar newXDir;
: D ?( {+ {/ e& ]2 U( r- Qvar newYDir;9 p, p/ w7 ^: Q7 }6 i. Z4 R* ~
. _' _: W3 _/ g U
function initializeBall() {
& e* {1 _# L! t( g if (document.all) {" T& m$ b9 a9 Q( A& [# f z; Z O% i) x
xMax = document.body.clientWidth9 @* a& u8 w5 u) H% G
yMax = document.body.clientHeight
2 _0 k/ J9 u2 K document.all("supertext").style.visibility = "visible";9 w5 Q5 ~9 v3 f9 N4 m3 V: l
contentWidth=supertext.offsetWidth
5 S. h* |' p5 P+ z5 p) y$ U contentHeight=supertext.offsetHeight
! E! ^2 n/ j% J' k, D }* E+ J7 v5 E' U
else if (document.layers) {
2 f* T1 a# M+ d$ U8 u2 r xMax = window.innerWidth;7 r+ h. {3 |' L; _3 |
yMax = window.innerHeight;/ ^3 C5 R7 G3 L3 }4 w0 f
contentWidth=document.supertext.document.width
6 X* n: Z2 ^ ~7 S; ?4 R( V contentHeight=document.supertext.document.height9 P2 z$ X& A' j- O" @4 _
document.layers["supertext"].visibility = "show";& ?- R* x+ b( T" ~+ z+ R- _# e' t
}
9 V U+ L; |, U- D setTimeout('moveBall()',400);* p, k; M0 o$ |+ c; A6 ]) ^
if (hidetimer!='')
: _& j! G' K6 O# m& B setTimeout("hidetext()",hidetimer): {) u3 |' w+ I6 Q% p2 s0 L
}0 x, E, {( ]+ [' s" _2 S! t" l
' x3 n* e* ]2 M/ w* @! t; ^function moveBall() {* L7 L+ ^) B( ?9 L. [
if (superballRunning == true) {
, L- _7 t& Y/ r- | U2 S; h calculatePosition();
+ {/ s; K, n" g! x$ J if (document.all) {
& G& b0 ]$ k# Q( e document.all("supertext").style.left = xPos + document.body.scrollLeft;2 L2 U, ]6 f$ b) M) U
document.all("supertext").style.top = yPos + document.body.scrollTop;
- @+ y3 A+ W8 E0 l5 V: w7 \ }
3 \) {# J5 v3 @6 \! F+ e/ @ else if (document.layers) {8 Y4 O3 [% y; g, h$ }; [( g
document.layers["supertext"].left = xPos + pageXOffset;
9 y+ H9 p9 _4 v( F4 p% | document.layers["supertext"].top = yPos + pageYOffset;
: } `# B, ~3 |4 g& C+ |7 C } D7 A4 j' o% {3 Z8 h/ ?
animatetext=setTimeout('moveBall()',20);
4 ~* Q. k2 u, }) Z }$ J6 y- V3 }+ r
}
2 t. [3 l; \. G3 f& Y5 f
* f1 ]1 @) t. f' e5 f$ Y4 Kfunction calculatePosition() {( q0 \1 ?* d; F, ~9 \+ c B6 r
if (xDir == "right") {
! L2 M0 \8 x! _ if (xPos > (xMax - contentWidth - BallSpeed)) {
, m% t/ v ~1 i xDir = "left";
; F, a2 d) ^# R1 N7 n5 r v0 E }2 m' o( U# q {9 G; a) T
}
+ c- W9 J# K5 u, S% `- L/ H else if (xDir == "left") {. q" n$ @* ^# t7 ] r( |
if (xPos < (0 + BallSpeed)) {
* ^3 H4 k& d% X5 C/ k7 o9 q xDir = "right";
1 J+ q6 u6 O8 f1 A) N4 ]) h* E r }
4 F- V5 @/ i4 f' \- P6 a; { }
! |4 d" [& Z, N/ v+ T* t' J6 [ if (yDir == "down") {
( M0 g1 i) \- O& w! `2 f' ]" S if (yPos > (yMax - contentHeight - BallSpeed)) {
/ K4 X5 S9 n4 u% n4 O0 c- M$ m yDir = "up";
" _( d3 d) s& @& B' Z }
& m# q) k+ n2 _& T% \' { h }( v8 Q- v& P+ {$ N& Y3 k
else if (yDir == "up") {; C+ H1 _- y6 }6 V: Z
if (yPos < (0 + BallSpeed)) {& X$ x, n: k0 O7 a' u* }
yDir = "down";
3 H3 y$ L- m6 a }! _# ~' Y8 O8 o: [# f8 m* c* o6 a
}
! k- X: }- X# [& Q; b& l" z9 ~ if (xDir == "right") {
' m- l5 l) U/ g* r xPos = xPos + BallSpeed;
, C' J# x7 X+ j( R8 V/ G8 ]2 \ }# A6 g& V3 l6 F$ P
else if (xDir == "left") {: q% A& O3 V9 r4 |) S
xPos = xPos - BallSpeed;
, I! m; Q5 d. l" s }0 m; _ C9 o0 T. J& V4 o
else {
3 a) n) r0 O* b; `+ Z xPos = xPos;- n- [/ X2 E* q3 Y
}
1 U- a1 v V1 @7 K$ \1 q' R y; Y if (yDir == "down") {8 i; N- n: P6 b! F D! R; V
yPos = yPos + BallSpeed;
0 E; d6 Y! y3 D$ F }
3 K4 i' }( w, g0 p. q4 ]1 t& m, M else if (yDir == "up") {
5 v, T% K$ d8 H ?1 {- I# C2 g& G yPos = yPos - BallSpeed;, P* x8 U/ c/ A. W( @
}
# X! d( @9 |7 x* _- P5 s, D else {3 H4 b3 C5 T8 b/ L
yPos = yPos;6 g: H; ^0 h1 m4 R; T, C- q
}- r _6 ]: c! j6 |9 ?" u/ _3 s. A
}$ {5 h; `8 |. S: r, C9 U0 _' a! n# O
5 d$ `# `3 R* H8 J1 u
function hidetext(){
/ c7 o- _3 P. l! } @ o! Q& ~if (document.all)! C- d- i |5 |2 o
supertext.style.visibility="hidden"* T7 u' M5 p% g& p* t9 F
else if (document.layers)+ q& l2 P: o6 d- X" m
document.supertext.visibility="hide"7 h% x2 ?, X* @+ M' P2 n
clearTimeout(animatetext)/ y+ g9 M. j- }; Y/ v
}
8 I7 K$ x: i _# F% e( A$ E) ~
$ X) F4 M+ U( m# S* f; O. Mif (document.all||document.layers){
" H6 e( P. ?1 b6 ^0 r8 g7 [$ y* vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 L- l4 Z$ k) D( f* N5 Twindow.onload = initializeBall;
% E6 G2 }" O+ pwindow.onresize = new Function("window.location.reload()");; B; r. a; o- D
}
& _# V% d5 q5 ?8 F& ?; j9 ^/ ~- k7 T8 u0 Z+ [. r$ x! Y$ _
</script> |
|
发表于 2008-1-21 20:55
|