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

|
网页之不断弹射的文字-特效
<style type="text/css"># e2 b, v: ~# S: ^; F7 A u M5 N
#supertext {* k; w1 N x( G9 n1 Y
position:absolute;
9 k7 G( B4 D) q- P+ |( `5 Kleft:0;" K+ j& S# r+ R* ^. b% A- Y
top:0;" {+ {- a( p% J& p9 V/ | n
visibility:hide;6 E" s% k8 y8 x! U
visibility:hidden;! c# y1 @( y O2 \6 ^
}9 o ~2 {* e: Z+ D3 f
</style>
# _, w r5 [% g) t z<script language="JavaScript1.2">
# U |7 k* m/ R5 ]<!-- 改变下的字体的大小。颜色-->3 G; `' s) Y* L, |9 J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') X4 ]' t7 ~( a4 b0 O
var hidetimer='';
. \+ _: k1 U) d4 K<!-- 改变下的弹跳速度-->
' G' x/ H X' N% E- ]1 ?* {var BallSpeed = 20; ~. t1 M3 \0 o. _
var contentWidth; | |& G- }9 m5 S1 v
var contentHeight;8 B0 I7 y7 u( ?
var maxBallSpeed = 50;% [6 Z5 \( ~* G! I S
/ ?; p7 l7 s' j' J) Y# M
5 W' `9 M$ K @$ q7 Hvar xMax;7 S4 f+ @! S! U9 M5 F, D
var yMax;/ P+ V, p# m# u% Q. j) R# }, w5 L7 R9 c
var xPos = 0;
; ?. M+ O) r4 ovar yPos = 0;
8 Z9 D1 R' B( O) ~ h' [var xDir = 'right';2 }1 H, l/ k/ n! N
var yDir = 'down';7 c5 V' A- r9 h2 P5 w: G+ v( K
var superballRunning = true;5 M9 m) M$ r- d/ {
var tempBallSpeed;
8 e; X5 F/ w4 f- ?var currentBallSrc;2 q$ x6 t: k5 E P7 Z$ _
var newXDir;
3 X' ^* D* E/ v; T* I& {var newYDir;
7 K0 {3 X" c) V% ]0 `2 R/ G1 q3 j2 V1 _! W5 k
function initializeBall() {1 l8 {4 B2 k, A2 t B3 r! U* {
if (document.all) {# S, {- M( n+ G! [
xMax = document.body.clientWidth" O q" _ Z, G0 g" a g5 e
yMax = document.body.clientHeight
[6 Z4 p" P& {# Z: |1 h document.all("supertext").style.visibility = "visible";7 h: Y" S! [0 m7 R
contentWidth=supertext.offsetWidth5 n" v4 d) S! v) Z: n
contentHeight=supertext.offsetHeight. b9 j, j8 ]6 ~
}
u2 n0 T/ S7 {: i9 u else if (document.layers) {- `8 a0 ^, f3 d1 k: R6 y4 [
xMax = window.innerWidth;
3 b! E: e* Y0 @% Z( {+ E yMax = window.innerHeight;. |6 V- M3 r, I6 K% ^7 T* ?$ K
contentWidth=document.supertext.document.width( [; w6 m8 Y" D& s$ d8 `7 G0 f
contentHeight=document.supertext.document.height' i$ M; [4 O/ d
document.layers["supertext"].visibility = "show";$ @9 U! v4 H, `; {
}
+ n! w5 m3 I8 Z* r5 [" d setTimeout('moveBall()',400);
7 k# F% D2 \, q8 ~$ a, T if (hidetimer!='')) I: }# |3 q" X o% w# r, }" o/ G
setTimeout("hidetext()",hidetimer)- D8 w+ z$ A/ I8 t) k
}6 t( w9 Y- S1 @
# M* v6 K. p4 a) W2 H9 t" T
function moveBall() {
1 P6 G- E0 l1 O' A7 Y/ N, Q+ B, Z7 S if (superballRunning == true) { O2 a/ M/ Z4 m. L/ U+ r
calculatePosition();
5 l5 ]7 h& R% [; ] if (document.all) {2 P1 z' j5 K9 L- i7 X: A' N
document.all("supertext").style.left = xPos + document.body.scrollLeft;
* @' e$ t6 p6 e9 e# q document.all("supertext").style.top = yPos + document.body.scrollTop;6 e1 y2 c* c4 C- z& N. y' [2 L! ?
}
^! Y1 M5 t- K( P else if (document.layers) {
/ e* b" o: c. \: } document.layers["supertext"].left = xPos + pageXOffset;
1 f9 J" Q7 i- f7 A document.layers["supertext"].top = yPos + pageYOffset;
0 j* Z2 X8 T) @- r) o9 I$ Y- L }
& g) k5 Q$ I a* y animatetext=setTimeout('moveBall()',20);
: }9 g# t, [; j! v# Y }% s/ {6 m6 I+ S+ |: s+ [
}, ]- ~2 ~2 b( k3 U! b8 o6 S0 u
! f: M2 G& o. d* Y/ V6 S0 p9 Kfunction calculatePosition() {
* `& A4 e2 V8 x$ b if (xDir == "right") {$ H: V/ X4 K2 B! [
if (xPos > (xMax - contentWidth - BallSpeed)) { o) u% a5 K# g: z* E
xDir = "left";
/ A; S# w+ u0 m! I }
5 L9 l% U! {9 {$ }$ b) l4 n# U }
+ n0 `2 A- f% T! z' c2 F else if (xDir == "left") {& L/ b% p: [( U5 W" H+ C
if (xPos < (0 + BallSpeed)) {
8 c' T7 ] k! g xDir = "right";
. e4 E- |8 k) G }7 X( y# f; c! |' L3 N+ z
}
5 t3 W) r, |- T& q if (yDir == "down") {
* | ^- U& x. p, g$ n if (yPos > (yMax - contentHeight - BallSpeed)) {
3 p/ c; ^+ p% ?& T( k yDir = "up";9 u K( [4 A( k2 |( ^
}
1 N3 h1 e- m) L; T }+ u. c& Z$ V d ^6 ^
else if (yDir == "up") {* s, W- E3 D1 e" v: \
if (yPos < (0 + BallSpeed)) {4 B) J( D" F. t& F. s
yDir = "down";
1 `% E5 q4 l* E0 E" O/ F. t }/ S6 z# [( d$ ?! C0 v
}
|& [" H7 V6 K if (xDir == "right") {
+ w' S4 D G9 E: ~$ A4 k4 Q; n& e6 j xPos = xPos + BallSpeed;
# n w6 O `' w1 A, [6 k }
/ N/ `, r" l& r! V; c6 N( R% T else if (xDir == "left") {
7 o2 ^0 V! E% `5 w. y; A9 h xPos = xPos - BallSpeed;+ {6 `( q; A1 v% v7 q
}
3 J; j2 B, O1 A4 Z' _ else {
; ]9 X$ ~( }" i xPos = xPos;
. z) @, d7 Q6 M2 p' u3 P- ~! q }( |' U& H# T# L2 c
if (yDir == "down") {
$ c+ ~3 k2 b1 A# P yPos = yPos + BallSpeed;
7 @9 `. F; o: F7 o, Z. n' p5 x }
# c9 V3 w6 a( r5 l: \9 L else if (yDir == "up") {6 V% Y/ M; g- I; _5 y+ ?' N
yPos = yPos - BallSpeed;! v; I8 M7 r9 C7 A# N: r" `5 ` x
}
9 J5 J% Q+ L& W. W0 e else {
; |- c1 y# S; U. z4 B yPos = yPos;- _7 i' S0 P( u% P" M% `+ n
}
. n2 d! }$ ]4 u }* C6 h4 e* [9 p
) o# X/ y5 m' l5 ^6 e- Hfunction hidetext(){' y5 ~6 c$ r. I& g" m2 X
if (document.all)
6 }; P+ U' H/ [( `) Jsupertext.style.visibility="hidden"
, I9 f/ u P K& N9 r8 b" N2 A, Telse if (document.layers)2 f0 h& M+ g$ g/ w3 \6 I
document.supertext.visibility="hide"
* J0 r7 x0 F! OclearTimeout(animatetext)! a J$ P) {% {, E# \/ r
}
. k$ m# `% }6 z, X$ W3 F5 R/ g0 Y& F x0 [0 _+ F! t3 `% Q' r! r
if (document.all||document.layers){: W8 i% w( r$ v6 ~; Z2 B; @7 E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). \" l+ k* z) g; g' {) N
window.onload = initializeBall;* C# L4 r' c3 F& b3 {) D
window.onresize = new Function("window.location.reload()");
8 b# {- N0 N. r; E2 k5 {7 {3 {% I}
" y4 B+ d0 @) m8 P
( [! L. b3 `, C' \8 i: r</script> |
|