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

|
网页之不断弹射的文字-特效
<style type="text/css">
) F/ c g+ O9 m, t" F' i( G9 @#supertext {
& O( ]- r, B% w% @4 rposition:absolute;! v# y( x8 H" B5 R
left:0;6 ^8 b9 Z+ }0 I# [" r
top:0;+ M$ p- N2 E& h5 p% o2 F" j0 y; c
visibility:hide;
6 [' ?8 p9 D6 l" D# C2 Q; Nvisibility:hidden;. o4 T- q1 y0 n" u0 U) s' p
}
0 `5 }- z1 G" z- \6 o$ P. P</style>
% _2 @* o8 l8 C: b: i0 P6 M" E<script language="JavaScript1.2">
+ S8 v0 Z# r' S+ I! B<!-- 改变下的字体的大小。颜色-->+ [2 }) ^4 h# b8 M+ j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" T9 I% E }- G) t
var hidetimer='';
! e1 ` ?. c; g<!-- 改变下的弹跳速度-->/ m+ u; S' z" F, v4 p" V* K% T
var BallSpeed = 20;
7 K) z+ X, L* M/ K; Svar contentWidth;
0 D+ x& Q: A0 r* A% d) n3 gvar contentHeight;
+ F. E, W3 c R! p; q2 [; ?% z, xvar maxBallSpeed = 50;) u, v% c# ^' O- E a; x( ^
1 }7 F1 Y6 s+ Y: k
2 p! z' q! ~, Y0 Y5 M
var xMax;
9 V; Y$ U8 `" x+ Kvar yMax;
8 t4 {2 Y$ f' m% G( t; V" J1 avar xPos = 0;
& i' h B# K% n9 F4 |$ Hvar yPos = 0;& ~( ]$ \8 R" X7 Y7 R4 Y( ~
var xDir = 'right';# R4 g2 V% c8 ^: v1 w
var yDir = 'down';
- H; b4 L5 u9 V+ E5 I/ w$ n- Y8 z( Rvar superballRunning = true;
3 Z1 ^+ S# w! D# T8 j0 ?var tempBallSpeed;& l3 P! r& b- A! w5 ^1 w& e, |
var currentBallSrc;" S3 h! F9 p5 m
var newXDir;
# l$ I4 c# q) I7 t! Evar newYDir;) d% S; `; b* H
/ G. Y1 O6 ~! w" q
function initializeBall() {9 u' p% a* O2 t3 v: a
if (document.all) {' K2 m4 y& R$ Y
xMax = document.body.clientWidth
. T( L& }$ _' c v yMax = document.body.clientHeight
! T, N3 S, [+ j5 F, ? document.all("supertext").style.visibility = "visible";: i* r8 t/ x8 ]% a
contentWidth=supertext.offsetWidth2 w$ x0 l0 Z: U
contentHeight=supertext.offsetHeight% m8 M' }- ]8 [5 G ^7 o
}
5 l- C! O/ k8 ]9 ~9 a* { else if (document.layers) {
( I4 r- b+ S+ S5 r1 } xMax = window.innerWidth;
q7 G. K9 T3 X2 V7 l' @) m9 A& t+ V yMax = window.innerHeight;- o6 m D/ ]: R: n$ W% f
contentWidth=document.supertext.document.width2 K9 ]. i* D! B; K
contentHeight=document.supertext.document.height$ \$ P7 |4 {* ?6 a
document.layers["supertext"].visibility = "show";
# E( U- T# D+ p' m }- Y: f0 D' g1 h5 [/ T3 P. n
setTimeout('moveBall()',400);
, N3 ?0 K$ B9 V& w2 Q& \/ {7 e if (hidetimer!=''); J( L/ y1 @0 G& z; Z
setTimeout("hidetext()",hidetimer)9 C4 a% z2 Q5 Q
}
# ` B6 G$ x- {5 v- V9 }* a1 a" ^3 s5 b
function moveBall() {
# T8 c9 ~/ }7 P" y0 D if (superballRunning == true) {
, n" }* U( U7 h/ V calculatePosition();% N, x4 c) w7 i
if (document.all) {
9 H6 e4 A' u9 u document.all("supertext").style.left = xPos + document.body.scrollLeft;4 [6 Z- C7 B* K7 p( L8 H
document.all("supertext").style.top = yPos + document.body.scrollTop;
k' ]0 `; B: y/ [5 d; U }2 T: h: B1 B) x* R" q. ^
else if (document.layers) { u1 _& {; [+ S6 W. D% K
document.layers["supertext"].left = xPos + pageXOffset;
" D* j! ~. c; G" d7 O document.layers["supertext"].top = yPos + pageYOffset;
`3 y2 m1 {7 z0 d; c }; S. T8 c6 C$ u! b8 U
animatetext=setTimeout('moveBall()',20);6 d- c$ ]+ @" C5 F& Z& p/ r
}* d4 E8 E( ]/ Z1 n' I
}
0 w$ ?6 W9 m) Z Z( ^$ W6 c# L: e" P; R
function calculatePosition() {# p! K6 {; x' C0 y& g$ [/ e2 e
if (xDir == "right") {
8 h% r8 c1 z5 t, |" G+ @$ ?( d if (xPos > (xMax - contentWidth - BallSpeed)) {3 z3 J* v- ]# U6 l2 F
xDir = "left";( L2 n' e- R6 |/ r1 P
}
7 {" }# G# D. R6 v/ i9 X( e }6 J# {0 ^% A; B8 B4 B0 u. o
else if (xDir == "left") {
, ~: y, D& L* W# G2 f/ y2 O% X7 k8 O if (xPos < (0 + BallSpeed)) {
% ]! Q: T( G6 i xDir = "right";
2 g) c( n5 @$ h) G# u$ }" C } { M& g' l1 N( V. l8 ^
}
! ]: p4 X/ ~. P g if (yDir == "down") {0 X' G! }% d y/ v7 _' `
if (yPos > (yMax - contentHeight - BallSpeed)) {$ D( l! E: |9 l Z7 A, I
yDir = "up";; Z4 y0 {6 |! `5 V
}
; l* T* s- D* W8 ?8 [7 V }
( j; J- U/ T* H else if (yDir == "up") {# X& }% @9 b# o* r) d. A1 K
if (yPos < (0 + BallSpeed)) {
2 y" o* R! }. F1 S yDir = "down";" ~8 G. X% f, k+ c
}% x% F0 t; R' T2 M, Y
}6 k8 U9 c _# ~" s
if (xDir == "right") {
" v! `6 H$ C- S* \ xPos = xPos + BallSpeed;0 D" M8 h( K/ V
}
, G4 e- M) a2 n/ [3 i8 h9 H else if (xDir == "left") {
% N) W. u7 b( ]# }1 x xPos = xPos - BallSpeed;3 o7 u: {) Q* k5 \4 ]0 R
}4 u* N+ z( |: J5 k% s7 g$ d
else {
. ]8 a) P8 c+ u* l xPos = xPos;
1 s! B! H P# R* u0 y }
' g) U! z- K. S9 H if (yDir == "down") {/ r6 x/ s( H# g2 n& i# Q1 F- b
yPos = yPos + BallSpeed;! b+ `* U( U+ r/ X) [% q1 u/ G
}
1 b8 v: d$ e7 o$ Q8 d2 w6 H else if (yDir == "up") {
2 l" E8 ^$ q0 `9 m g2 \8 Q yPos = yPos - BallSpeed;1 G! q6 j2 T, J! A+ q
}
" Y2 A" O9 B2 g+ r7 N% H% t2 s- K* g else {
2 g+ I$ \& V! d8 t9 R yPos = yPos;
5 l$ a: r: z# ?/ s" V3 N }
. B6 x* s* J$ ^% m, Q }
- W( w# B, w f# L/ g4 I
- Z' z# [, z' q, t2 @function hidetext(){
. @* z3 [2 x4 Rif (document.all)
+ b/ b6 E: X- B6 S5 asupertext.style.visibility="hidden"
) y l4 F2 |3 O, D& }, pelse if (document.layers)2 y, ?' d/ e g+ n) e7 b
document.supertext.visibility="hide"
) W9 U m/ O+ x! W" m! tclearTimeout(animatetext)
3 Q6 P A+ s# z% h. J% i}: y! q _5 w* y3 T" O, @
1 v* D: n4 x4 ]; U
if (document.all||document.layers){# O& d0 g" _$ F3 E/ B; ?: |2 B% |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ q8 C0 u+ R1 Q4 e+ V# r+ Q0 j
window.onload = initializeBall;
: ]0 ?) \9 r# @. Jwindow.onresize = new Function("window.location.reload()");
( ~/ `4 J0 ~6 U! U}8 C2 O& q8 g" f2 I# r
9 W: x1 d1 z/ e4 W9 s</script> |
|