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

|
网页之不断弹射的文字-特效
<style type="text/css">3 H7 x5 ^7 J$ h( @
#supertext {* g3 m, D) m# G- {
position:absolute;# ] S, o0 l7 P4 h. E2 b
left:0;% Z7 ]3 y# D' [2 f$ F' J1 M
top:0;; j: B8 `6 C+ r0 u$ m
visibility:hide;/ w1 N+ k, s- k
visibility:hidden;
0 ^- r) k" D9 X9 R}
% y3 _- P+ n, Q1 c# v' f</style>$ k0 O2 h* A4 E z, c
<script language="JavaScript1.2">
, E% T8 P7 D2 f<!-- 改变下的字体的大小。颜色-->. S6 G' _0 o$ [; ]* ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
[- b }7 A3 s( c& M ^4 Q' Lvar hidetimer='';7 _$ V! A6 a" g4 T9 F8 S4 h
<!-- 改变下的弹跳速度-->; X9 @/ |) a, h' s w5 f2 V( T" t2 G
var BallSpeed = 20;8 m' {, Q$ G, i, `& m4 B) T8 a: `
var contentWidth;* D1 f# [) @- ~( [8 z; _
var contentHeight;: A* c9 C0 `& I2 S7 S! n) r9 [
var maxBallSpeed = 50;
! F/ g7 Q3 B) _# M$ f5 P3 V3 w$ x
% k1 G; Z9 F4 i9 I: V8 v1 h, _3 K1 ~; O2 @# ~0 ?' G% }
var xMax;
+ u% S7 m6 E" Y$ hvar yMax;4 N. `- }# h8 A1 @
var xPos = 0;( L3 P& F* `/ _, V% @9 v( _7 o
var yPos = 0;* ]3 h' q: E# N0 j- _' f* [
var xDir = 'right';( ]( {, w5 l6 G! K
var yDir = 'down';
1 |' g" q$ J. Evar superballRunning = true;
* b, n( ^2 }5 Q2 e7 avar tempBallSpeed;
) o) b5 V2 o( v5 ?5 G1 xvar currentBallSrc;
: A, j4 V- g) U/ [8 h# N+ A) L( dvar newXDir;
* L, ?6 W8 b; w" z# U) t* u) Pvar newYDir;. H- Y: D+ W* {' e* K- T
) E' p- x p- k* y' `
function initializeBall() {! U* t" |( K' s4 H0 F5 V% t- ?
if (document.all) {% O1 J4 x( _ g4 l. h
xMax = document.body.clientWidth: s' L, K! s3 ?
yMax = document.body.clientHeight+ P- B; C; G8 r& Z' C4 G. c1 l. z$ j
document.all("supertext").style.visibility = "visible";
! c2 E' z# R+ z) C8 p" g contentWidth=supertext.offsetWidth
9 ^2 X+ W: h9 A, y/ I9 m. K2 Q7 J contentHeight=supertext.offsetHeight& v2 }; I0 I$ g2 j5 z
}
1 P! ? T. ]- e6 `4 B/ ] else if (document.layers) {
5 S3 G7 t! U8 R, s' M xMax = window.innerWidth;
9 y% M# O3 a1 e" h! o c3 l yMax = window.innerHeight;" Z/ o( {# c _% ?4 G1 F+ J; W
contentWidth=document.supertext.document.width& K0 M3 Q0 W0 U7 C4 \' |: t
contentHeight=document.supertext.document.height6 E! Z) M" V4 X0 Q% j
document.layers["supertext"].visibility = "show";
8 f9 r0 B/ J" J' e' k, { }2 B( U9 i& w2 J
setTimeout('moveBall()',400);
# v. r7 `9 W8 s% q% H9 U' `8 U$ b if (hidetimer!='')2 X6 g2 E; s5 I1 {
setTimeout("hidetext()",hidetimer)! w% j5 [# b8 N
}
; j6 G- D) ^( w- l& V4 k; j8 k$ Z. a) s* P
function moveBall() {& e6 o6 H$ }4 B" V
if (superballRunning == true) {. i: A. v5 g# _' S; H
calculatePosition();3 F- {+ p( L, |6 m: B
if (document.all) {
! N3 {9 m3 `9 a6 e" a9 Z. D3 U$ S document.all("supertext").style.left = xPos + document.body.scrollLeft;* E/ m: S) L1 J) A0 i6 x9 k' a: L. a6 C
document.all("supertext").style.top = yPos + document.body.scrollTop;
& x, s4 U& V/ r7 _9 `4 d }) n Z6 Q# j, a6 Y; X
else if (document.layers) {3 ~9 W/ f9 |+ y
document.layers["supertext"].left = xPos + pageXOffset;
2 b Z$ }2 H+ T8 c" F2 e8 J5 T7 M2 I document.layers["supertext"].top = yPos + pageYOffset;5 h0 k2 }/ v7 I6 d
}
& E, i3 S- D# {- S# K$ { animatetext=setTimeout('moveBall()',20);
1 ?- O2 `; `( C }
6 N. B& j$ r) l/ Z9 |' S }
7 q8 `& C- H. b/ E) _
* j7 l4 v- }+ C" b9 A zfunction calculatePosition() {0 D M# l: g" Y- K* H U8 M
if (xDir == "right") {6 i D; O6 a+ }" E. }5 K
if (xPos > (xMax - contentWidth - BallSpeed)) {
: I8 S0 T" ~( O- K xDir = "left";7 c- D; Y3 Q8 ]! I# F
}; {) |0 @: O( |
}
+ r; n" i- O1 H7 z else if (xDir == "left") {
, x) Z" Q% z/ a0 M+ @ if (xPos < (0 + BallSpeed)) {
& o' L' ^% x) q$ c0 N1 ?6 F# } xDir = "right";. I$ G2 y( n; w& O
}7 I& K0 P( Z* P& v7 E
}" M2 j) v+ p" @8 J0 ^
if (yDir == "down") {" X' n. ]! h; O. g0 U: ~. A
if (yPos > (yMax - contentHeight - BallSpeed)) {
3 W! J' R$ N4 H1 V; K6 q yDir = "up";
" S& p0 c/ u- F b }2 u& `6 L3 f9 H3 c; i
}* K! K7 Y: v! j1 n# C# @/ Y
else if (yDir == "up") {
* ^' A3 V9 d$ |* e; V2 C, ?. V1 M if (yPos < (0 + BallSpeed)) {: g. B# r; l, w& i2 w! I
yDir = "down";& M- r" C {3 M4 Q7 H
}. D% T4 O9 h4 s/ z' z
}
! D/ e/ M0 a9 Y% @3 N if (xDir == "right") { N) X+ G/ h3 D3 A4 ^0 _" _4 D8 b
xPos = xPos + BallSpeed;% A7 h0 M" S" j$ K# V: T2 ], \0 I8 Z
}
" M0 s9 I+ |* ~: N! k: \% c: x0 n. f else if (xDir == "left") {1 ~) [2 g: {" H% |1 _6 u
xPos = xPos - BallSpeed;
; |! [( |5 s" d5 _& ?" V$ x }/ T! G D) W$ [
else {
* D* g% n7 n/ l. \ xPos = xPos;
2 k; d' J/ M% v$ W1 i7 ?; n' Y: g7 e }
6 y# b$ s a6 h" { if (yDir == "down") {
: Y7 a" n( f) v3 _5 E" b6 e yPos = yPos + BallSpeed;7 I9 A5 Q8 S0 c2 `: L) y
}9 e/ w6 I! `( m8 x
else if (yDir == "up") {* d2 o; \6 u* N1 }7 }+ S
yPos = yPos - BallSpeed;
6 p2 H4 X3 P3 d }
1 r6 x1 j' ~! P$ X4 Z; t else {3 f' j5 E3 h7 T$ e# s. ^/ L
yPos = yPos;
. h; {9 V# o! E3 ?5 E7 W0 q }2 O' R2 e7 j& X+ a6 ~' s7 `0 U9 ?
} b) _9 q3 r1 J& j) [+ o* M; m( O- Q
; n8 K7 P! E1 i5 [function hidetext(){
2 Z4 \! C9 J! S1 g3 n7 k( y' Gif (document.all)
" G$ |1 u9 V m+ ksupertext.style.visibility="hidden") b% C$ M" |5 @8 ]. `
else if (document.layers)3 N4 e! Y9 V& ^, y
document.supertext.visibility="hide"
1 u6 C+ \; {* sclearTimeout(animatetext)
2 I' J! O- L7 {! C' P- \3 z}" g4 |: u9 X$ F4 A4 m# q: q
0 \6 j% J+ Q0 F: Z
if (document.all||document.layers){
1 T2 t$ S9 c6 D, s( e; ]# q, @/ _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') [+ m U. L- ?* A+ ^
window.onload = initializeBall;
" q1 ~! j. H0 S4 |) L" _7 \window.onresize = new Function("window.location.reload()");
- c% Z' G" X: w. W4 B# X}6 T/ p) Q$ ` J0 w7 I! m
o, [3 Q0 e* Z a- _
</script> |
|