网页之跑马灯文字特效

zw2004

//修改宽度
1 r) Y3 n8 n+ R( c: t) d4 ~var marqueewidth=300  h+ _6 W) F6 T- b/ k
//高度
- F/ _8 K# J) G3 t9 s8 S* zvar marqueeheight=258 h, P2 [, N! u' t2 ~1 T
//速度(1-10)
! I( G" j/ x0 X$ T9 E& [1 bvar marqueespeed=3
0 a/ i4 O+ F& M9 X0 H+ Q//背景颜色9 K% S  r% G. h0 l: Y( _0 C
var marqueebgcolor="#FFFFFF"+ i: A- C4 P8 \6 _" G1 P% J
//是否能暂停 (0=no. 1=yes)?( [0 I' m) n, v5 r4 P
var pauseit=1% j* d' P+ m6 v0 w

! G( H* M7 r# D! a2 m  N4 u//修改显示内容$ H; _/ H4 L) N6 S
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
' ~8 A: K; w. I  D  n$ y& N* i4 d* j  d/ Z( y2 _* ?$ n
: u4 B# b6 S! Q/ P& s. M6 C( \% n6 w
////下面不需改变////////////
2 _9 R- L+ s, Z6 Y) g' }
/ I) k) b2 c; k1 \1 Z: I/ xvar copyspeed=marqueespeed/ s* w- l* h% n
var pausespeed=(pauseit==0)? copyspeed: 0! V4 g$ R7 C  A/ }0 Y; p( w) M
var iedom=document.all||document.getElementById
0 m- [8 f5 a! \6 H6 I4 \if (iedom)
/ }& A4 e  _7 S. k+ I$ zdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
0 n4 \7 s1 y* [, W* K4 Mvar actualwidth=''- A6 ?  Q# ^  c" j5 M
var cross_marquee, ns_marquee
+ Z, ?8 K* H6 s- l7 n+ T) Y0 [# f' U4 K% p+ P( X: |
function populate(){
, `# K8 @) X, Z1 Tif (iedom){
  k6 C2 h7 T" S2 S; vcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
+ ^8 A8 G- l) @& N/ n9 Fcross_marquee.style.left=marqueewidth+8! s2 G1 D  ~7 m/ j
cross_marquee.innerHTML=marqueecontent
& Y2 s; Z& v! Bactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth8 g: p! c! w+ N; |; n+ g* ?8 r
}  b  Q+ V$ L$ l( L5 ]: }- Q
else if (document.layers){
) Q8 t. \' y' |# o3 ]3 q5 z$ `- [ns_marquee=document.ns_marquee.document.ns_marquee2/ ?2 a6 q/ K$ Y; }  M# r& k7 \* l
ns_marquee.left=marqueewidth+85 `+ _/ {( ?+ X! }8 ?* ~/ T
ns_marquee.document.write(marqueecontent)/ T2 C; Z$ b4 v' P2 n+ |9 q
ns_marquee.document.close()
3 ?: {6 \6 A' A, }' }actualwidth=ns_marquee.document.width- D4 J1 T: ]9 E+ Z
}4 J3 s7 ?" f2 j; u
lefttime=setInterval("scrollmarquee()",20)
" `& J8 l1 T+ g8 S' i' `}
: C4 K+ k% Q" kwindow.onload=populate
# W' i$ {" Z6 I% `- U3 I, i' d; r- Q1 I  z) |) w0 J
function scrollmarquee(){; }! l: Z1 s7 `, E9 o- b
if (iedom){! U; w, q& v, F6 m2 \9 e
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
9 B: K9 x) E1 J3 Q( s( across_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
3 ], z9 A( u3 [: A/ Helse
" e6 |) c+ r; w9 n7 Icross_marquee.style.left=marqueewidth+89 ]$ @+ r2 ]2 I- m& z" M

! F: m7 o7 H% S  e}
; @  Z( B$ g3 J7 y, Relse if (document.layers){# ?! R8 X3 `- a; Q6 Z( L9 x
if (ns_marquee.left>(actualwidth*(-1)+8))
5 d) F2 Z1 @& tns_marquee.left-=copyspeed
: ?- `% m) M2 gelse
, l4 a9 O* A- _ns_marquee.left=marqueewidth+8* e4 f) n/ Z* N4 d3 k
}
8 m" r* F7 _: o2 F: o2 X}
  L; I6 `2 t' t( }
( W: E3 y) }! y/ N! Zif (iedom||document.layers){
7 i. Q; P  C5 V5 Qwith (document){
& Z) x/ g, @1 p7 jdocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')  _9 \* r6 P) `: U7 z, ]
if (iedom){
9 P7 |  U/ z- i  R8 ~write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
5 X/ @: t% O" F! o$ ?$ w) N8 wwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')& x+ l2 C7 N; o" U
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
0 u9 X3 I0 v* x! d  b, Hwrite('</div>')
+ C2 S; K" M; G0 h- b" @& J- N}
: f  E0 [& U6 ]+ M: W3 A0 H: y3 telse if (document.layers){# F+ D, \  p6 ~7 e- J/ f, D
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')5 d* N9 L7 N* Y# R. G( T# [
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
" J4 a8 \1 p' X$ u- q. P: h# [! owrite('</ilayer>')1 l# x6 `9 g3 ]0 w9 G
}6 k: J( r6 Y  |
document.write('</td></table>')5 @: o; ~/ d* q0 U* P
}; p3 E/ d) [0 {# J
}
8 Z) u9 X& p! d" T- u; _8 v. X</script>