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

|
网页之不断弹射的文字-特效
<style type="text/css">4 ~7 _ I9 O# w6 Y- z! F* {
#supertext {9 M1 |7 G& `5 h, x/ U
position:absolute;
# b! v' ` p6 L3 G; I2 v- s* Jleft:0;; j7 \" x4 ]" d5 H; E) L' c
top:0;; `& W( ]9 y2 Q
visibility:hide;) @7 t2 G9 `7 M9 i& ?
visibility:hidden;
3 |4 {8 W Q( I. Z2 y! y}9 b% A2 g* j Q9 O# \
</style>1 s, `' A7 z0 Y( Z
<script language="JavaScript1.2">. \ D' h L5 n L. N4 g9 m
<!-- 改变下的字体的大小。颜色-->
( r, Y) Y7 P0 [2 a2 T8 A3 n' ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* Z: d+ k, \0 p
var hidetimer='';8 ~. h0 S( d% \; u- c s
<!-- 改变下的弹跳速度-->6 u3 g( B* q% i, e$ w
var BallSpeed = 20;3 d5 P) U" e( k+ C3 ^' X% [
var contentWidth;$ `3 ]% {8 L* s2 j2 a
var contentHeight;) r% U/ ?, T# h2 B- G
var maxBallSpeed = 50;
( R; k3 j. M+ |) w4 k7 `
. U8 u* F b# [8 y3 S% p& @/ h w+ y5 T5 `; H. y) z; P' U
var xMax;
' {) q% h: u/ u- v3 ?- _+ cvar yMax;! X& J9 g4 r5 }# N! ~
var xPos = 0;
% n( Y7 j5 C1 }# W! Kvar yPos = 0;% ^- J, l, ~- r/ s+ e1 B
var xDir = 'right';9 t% J# x. e* r) j0 ]$ \7 }
var yDir = 'down';
- m3 V% h7 ?6 svar superballRunning = true;6 \1 j3 j% n! {# F% S* M
var tempBallSpeed;. n; { E! c) G
var currentBallSrc;
' \, q* a- w! u, H2 b$ d% F) uvar newXDir;$ V u p& K& b: Z
var newYDir;1 s6 N, j3 H6 e, Z, q
, G; A* r6 @# e" v' J! ~function initializeBall() {+ r7 Y% y8 H$ D4 n
if (document.all) {
: Q) s& b5 | s xMax = document.body.clientWidth6 P7 @2 `1 _+ B, L5 o5 P' D
yMax = document.body.clientHeight
! `; T; K1 K6 F; e8 e5 u/ \. C document.all("supertext").style.visibility = "visible";
: E% d3 p. Q% v5 z+ Z) j, O contentWidth=supertext.offsetWidth
) E; \7 I/ G$ ]+ U contentHeight=supertext.offsetHeight" t9 [; `2 `8 z! b9 e% r# W
}
5 B2 q0 t1 a0 Q$ b$ y, o else if (document.layers) {
. `! _$ o1 y* m( l1 p/ M xMax = window.innerWidth;6 j, ~- I! M- _4 x% S* L
yMax = window.innerHeight;
+ A A/ Y9 q. c4 x8 C/ O contentWidth=document.supertext.document.width
' W- U4 {* q9 i& j contentHeight=document.supertext.document.height
8 s7 l7 o* w& \. p+ v document.layers["supertext"].visibility = "show";$ ^4 H, F2 w _' `
}! t5 Y1 ]' w8 t! n5 }9 B1 ~
setTimeout('moveBall()',400);
8 f w* P/ U, {' d9 d if (hidetimer!='')* R" t5 u. ^1 r0 d/ ?
setTimeout("hidetext()",hidetimer)0 J# D1 X, ~8 T9 M
}
+ ^8 R7 W, s, n3 @$ ]* Z y# C8 L* l& O6 n
function moveBall() {# N: T5 s. O: y3 \: `7 {
if (superballRunning == true) {% q/ H6 F& o7 y) m2 M
calculatePosition();/ @( i3 V, M/ X7 u1 y" u
if (document.all) {
% C1 t; L$ U* Q c4 y3 n document.all("supertext").style.left = xPos + document.body.scrollLeft;+ h# J9 P4 A! O* x7 v4 I9 W0 m
document.all("supertext").style.top = yPos + document.body.scrollTop;
% p% X9 s3 Y3 P+ F2 | }/ w- r2 G5 R6 q! H5 |3 ~# }
else if (document.layers) {; N+ a$ `( ^$ p- x# K7 d
document.layers["supertext"].left = xPos + pageXOffset;) ]+ {. ]5 U! j. Q
document.layers["supertext"].top = yPos + pageYOffset;/ ?1 z7 Y' I8 \
}
9 O( {, o- Z% `: _8 ^4 v8 B animatetext=setTimeout('moveBall()',20);! W7 V( z& T& s U+ q0 W
}/ h9 O) H, P8 N7 U& y' c0 R' G: P
}, p* {' W$ d& t- b; Q* |
) H+ W5 V* p, _7 I% ^( qfunction calculatePosition() {$ m* t5 N% F Z$ A5 c4 _
if (xDir == "right") {- r% W8 `+ @& B1 [
if (xPos > (xMax - contentWidth - BallSpeed)) {
% B, M9 E: i# S: F7 ?- l xDir = "left";
( W0 @! N, r4 g }
; Z6 b3 {: d4 z }$ j% ?/ E& v+ U$ j, [: V7 w; w
else if (xDir == "left") {
* X% V6 A7 Z1 I" g) L4 j if (xPos < (0 + BallSpeed)) {
8 u J0 s! ]6 b$ p xDir = "right";
* N7 H5 o" e7 q2 z: I; Y }
6 y5 x) W8 p1 L. n }
4 P) o6 u, \/ V( x; z" Y0 K if (yDir == "down") {7 \' o: ]( \2 z/ r: I7 {& J4 M2 e
if (yPos > (yMax - contentHeight - BallSpeed)) {0 N0 Y- i% d( O- ]
yDir = "up";
) I) ^3 Q3 C/ I2 ` }% ] M7 {$ m8 P# _8 q
}
7 i# ]: `( }- u7 S) z3 B" z' \ else if (yDir == "up") {/ N: s7 Z: F/ L& n: B0 a
if (yPos < (0 + BallSpeed)) {3 |; G$ ^% q* [ Q' L4 N) G
yDir = "down";5 s& A2 I7 w, B: r( |1 b
}, `' t. D. o% {4 W) j* f+ H" g
}6 p" b2 J1 d! t, h& D2 Q
if (xDir == "right") {
" u. b- D5 a; P xPos = xPos + BallSpeed;1 W+ I K [9 n! p7 w: C4 g/ g
}
d) r; G7 V; G4 V else if (xDir == "left") {) v5 \9 i# A$ t4 W1 U2 P
xPos = xPos - BallSpeed;# v6 q# S' ^/ ^4 F( c/ o
}
) w) w3 W( v9 C1 s( Y4 d+ g/ F else {
' S, ~5 b' t! P2 }" P2 p xPos = xPos; t; G0 ?+ q2 a* U
}. h; s' H1 x3 U* }/ b* X* v5 q1 b1 }+ C- z
if (yDir == "down") {
( S+ X( }% g" {- c3 a# G: [ yPos = yPos + BallSpeed;
7 ?% p. D N3 b- @4 r }7 F0 j; m, W; g9 q/ Z4 [
else if (yDir == "up") {# u% o& y4 f$ A% {% f/ n+ C! {% v
yPos = yPos - BallSpeed;8 w: h$ W0 y1 S8 v& _' S
}
- {* w1 ^8 K# T5 y; Y/ W else {0 r# o8 t2 c0 O6 _
yPos = yPos;
. a% u& b9 T6 \) b7 g! x" } }
9 @1 p7 U5 N/ P }
! m7 {( i' X$ h- {$ @
. R0 o. A n/ J1 Y# E: q# N2 }1 \function hidetext(){
& h. h6 V- b2 g" Jif (document.all)) ?, U" x/ ~3 V& N2 G
supertext.style.visibility="hidden"+ v9 P1 v1 j- ^& H7 q( e( y# v7 z1 p
else if (document.layers)" a- | T, u1 g
document.supertext.visibility="hide"% l4 ]' E4 X. r; S- \9 J; G
clearTimeout(animatetext)3 y( P' q8 O& b0 _/ |( s$ t2 h
}5 m; f0 r% B. L& _) M' s4 n5 f) G: C
: @$ N4 J: ?+ g$ \) ^if (document.all||document.layers){! ^0 X7 ]3 ^% ?# [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, B2 n; S8 x" x) p! ^5 m+ kwindow.onload = initializeBall;
( i, j4 d1 t- b8 Y# E. Lwindow.onresize = new Function("window.location.reload()");$ H) Q; `0 E& }, i5 h: J9 h
}* R S' ^3 j% e) a/ i: E
) z3 u& [4 g% O9 ^! B; f</script> |
|