网页之跑马灯文字特效

zw2004

//修改宽度
) u& O5 \% @/ tvar marqueewidth=300/ l, q) o# I1 ^7 G0 \: J1 g$ r2 b6 e
//高度/ o, l0 {% G9 q0 g) Q( c) c* D
var marqueeheight=252 w* w4 f9 N/ Y
//速度(1-10)
' |( }: d0 c" Nvar marqueespeed=3$ N& N: x, w* n. W2 {
//背景颜色
4 y! X/ Y( f, w5 k8 k, c1 n  O" J  Uvar marqueebgcolor="#FFFFFF"
- a8 r6 K$ J1 G# i% V//是否能暂停 (0=no. 1=yes)?
% y0 J  K: h8 b' E. L+ k! |4 G0 Nvar pauseit=1" }; z  s) C4 {& i" j! d

. E- g8 `' Y7 C. G' C" J6 v2 m//修改显示内容) g- i4 ^1 Q+ ~
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'' m! T+ z, t7 p

) u" s, s- j, s7 r/ }# V
3 A3 H" J% G# {2 j4 G////下面不需改变////////////
$ [9 n/ \$ l" Y* P; P& k' c2 i
, g. y7 H# J6 i5 }5 D' h* I, Qvar copyspeed=marqueespeed
$ w5 }. U- k" @var pausespeed=(pauseit==0)? copyspeed: 08 B& }% {  {9 W0 g- [9 h) T
var iedom=document.all||document.getElementById
$ R. j$ N* v& C" v( bif (iedom)
" N: r" W2 N! L7 Mdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')5 U7 ~8 q9 a8 h
var actualwidth=''* _! L( N  ~2 e. r4 j
var cross_marquee, ns_marquee* k  J$ v3 g. U) a/ x1 s- Q# p

2 E) R$ i0 g. s. j7 Gfunction populate(){
) W6 Q+ C" M4 X* T0 ?if (iedom){2 R$ J. z1 b  r9 m8 F. W$ ]
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee7 e6 G* \( U/ e  e' }( c
cross_marquee.style.left=marqueewidth+8
+ S' L7 N8 |3 {cross_marquee.innerHTML=marqueecontent
5 G/ d! C+ m1 B$ K$ O3 [actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
5 H, P, e) u5 A0 v6 j3 i}4 u, p0 m1 ]2 ^
else if (document.layers){0 e" d* N) x  T: O
ns_marquee=document.ns_marquee.document.ns_marquee2
$ J: O* a+ u3 s, zns_marquee.left=marqueewidth+8: R( W  p9 {" Z& J) s
ns_marquee.document.write(marqueecontent)
& X+ n( l% ^6 f: t& Jns_marquee.document.close(). r4 f1 f( U& G! R7 N0 X! G
actualwidth=ns_marquee.document.width# v3 s' r1 J" v
}
5 o# }  ]7 H3 a  r* E5 ^  H1 Rlefttime=setInterval("scrollmarquee()",20)5 A6 A- \- j9 }/ c4 c* \& Z7 m
}
2 ?  f. _  _3 W0 i5 u' ?+ c& e4 owindow.onload=populate
. l! T2 Y1 q, M+ K+ w, K" }$ w4 f3 B
function scrollmarquee(){( |5 C* v0 q" L1 L" @2 a* w
if (iedom){" b/ D% u0 O9 m0 z, H, O
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
' d* K$ U) L* Q" @6 x, Ocross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
3 \0 `; L. K( [3 k7 l/ h1 b! Xelse' ?4 r+ p7 X6 N3 X4 a9 b* l2 c; }, D
cross_marquee.style.left=marqueewidth+8; Q6 P( E3 Q6 G3 Q- K
& n+ n! T" r* j' J- R
}
; t+ `. T# [+ x3 S$ I+ y+ i3 j; uelse if (document.layers){7 @5 k" P1 ^) w* N& ?" }& g0 z
if (ns_marquee.left>(actualwidth*(-1)+8))
4 Z5 T+ c3 d3 O6 B0 Tns_marquee.left-=copyspeed
1 `0 }, f! V  J# e  x! [# Uelse
* H0 ^5 X# D+ C* `ns_marquee.left=marqueewidth+8  c- T( l: |- e; f2 C
}
0 d- M( h8 w3 ]}. N/ a" B2 t+ j: o2 D" [8 h& D
3 @! N! O$ i( j$ j1 Y
if (iedom||document.layers){% ~- k+ z- ]6 `# _
with (document){
# R* d. q" h7 ~2 tdocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')4 ~6 X: c' Z. E6 _+ s: ]/ Z, k
if (iedom){. W& H4 O: }, b2 g; a; a8 p, L
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')' d' t2 y/ d: u
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
( I3 a' t) T9 `% b' zwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')' y: p" L+ X( a$ C9 x
write('</div>')
6 }# R3 w: V0 M( u9 N7 W. \$ y}+ [$ k1 l" [9 Z6 ]
else if (document.layers){! X7 Q. w1 D, S# l/ l* T; L8 I
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')' T2 i( C0 `8 B+ o4 n/ V
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
# F& A) k- H3 ~9 v/ b9 ewrite('</ilayer>')5 W6 x# @4 r+ T3 `
}) N  f! p* u" d" d6 ]5 q+ u" d
document.write('</td></table>')
, T! r3 h+ u8 N+ W0 J! e}% V: k; ]4 Y- a$ ]% w9 d9 ^
}
# ~1 m. B4 h/ Q  L; b$ o9 ^2 T* p</script>