网页之跑马灯文字特效

zw2004

//修改宽度
  ^/ U- _. s, Ivar marqueewidth=300
6 {+ n# Z* Y4 X( O6 ^- B//高度
. O* P( c8 u( L% ovar marqueeheight=25* {: s4 C: S: n  R
//速度(1-10)" o) e" c5 W/ w5 {! R; ?( ~- i
var marqueespeed=3" u) r( z6 z1 W
//背景颜色6 T7 F$ F# q7 g& `
var marqueebgcolor="#FFFFFF"
- \+ C5 g( D; c' ^6 o' Q; u//是否能暂停 (0=no. 1=yes)?9 k: L: w0 E/ ^: l, G' m
var pauseit=1
2 T2 t" j. G# f8 M& A. j5 e# B+ G4 d& z( `4 _
//修改显示内容
4 c4 ~/ Z, c4 y& mvar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'. ~! o! a% c  O2 a6 p

2 w2 g7 @: p; C( ^- b+ U8 |# Y- W! R4 c7 u( i
////下面不需改变////////////
+ ]! b* t5 y2 v8 D% I
# t- y  r9 r3 M9 H2 D) dvar copyspeed=marqueespeed
) j' {/ Z6 N: x( D7 t! |var pausespeed=(pauseit==0)? copyspeed: 0* C6 R4 e3 F! z4 A9 p% O( I3 ~# l
var iedom=document.all||document.getElementById
/ g. n- X' [6 X' |9 v5 Y  pif (iedom)  g2 f/ j% R. g3 ^; h
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
' V4 t2 v6 j+ lvar actualwidth=''
. q$ V1 A" A/ ~" [" Uvar cross_marquee, ns_marquee
5 _6 v5 G. J# t! ^1 T
: ]0 @% ~4 L2 W# @function populate(){( @4 W, M3 a9 f8 R! C: W$ \4 m
if (iedom){  s  y9 V: i! d4 _$ a! c
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee7 n/ g/ A( M* h: P7 F8 Y8 o* v
cross_marquee.style.left=marqueewidth+8. K6 Q6 }. U" j$ L7 n
cross_marquee.innerHTML=marqueecontent
6 o& j$ X1 u0 K) U8 Uactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
% o! v0 j; U" g. U}
1 n* L$ ~- |" \2 kelse if (document.layers){
0 S- b0 a* P9 l/ K% t+ ?ns_marquee=document.ns_marquee.document.ns_marquee2) a0 \  b7 l2 d1 K0 _0 D
ns_marquee.left=marqueewidth+8
! {% s* |' y: e. w' n9 lns_marquee.document.write(marqueecontent)
6 s, k' ]: ~2 |7 G0 ons_marquee.document.close()
! v' V3 {0 F5 V0 O* |" N* z0 {actualwidth=ns_marquee.document.width7 l7 ]& t+ Y2 e  R$ x
}4 p( v9 I( H  R6 E
lefttime=setInterval("scrollmarquee()",20)* H7 V8 _5 Q/ G% s0 h
}
2 R) _3 v5 Y0 N7 K1 ^window.onload=populate% e" i) d+ S3 g* T
2 v: F- x& F- D8 \1 K6 q# {* d3 ~
function scrollmarquee(){
- k5 l: r7 P: b: \0 m9 i1 J- Eif (iedom){) ~) @& S% ]; ~+ u
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))0 Y) Z3 `- z" {9 j. j4 O( _
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
* N, Z7 C3 Z8 L3 M, w2 @else
2 u) B/ ?& V: s; ^& {cross_marquee.style.left=marqueewidth+8" J3 L& W3 @/ g
8 B0 g- I! B! K. P8 s8 u9 O" N' G
}! w4 X' [7 [# `0 R) {" Z
else if (document.layers){
9 ]( P# J, v& I& e5 oif (ns_marquee.left>(actualwidth*(-1)+8))
( }! B$ y* ^5 ons_marquee.left-=copyspeed
) l& |* c! A/ B8 \5 Y- Z" N( n+ Melse2 `  |1 z) P2 K  [
ns_marquee.left=marqueewidth+8# E8 p7 \1 @+ t7 e
}3 ?: _. T- N3 X8 G5 ~' ?
}% Y! y5 n. S1 g# I3 E
# g0 k+ B% N- b# N! o+ D( E
if (iedom||document.layers){4 B4 Q2 E+ }4 B' H( ~
with (document){; C( G* E/ G/ x. X( H0 N6 M: N5 T
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>'): {) \2 W/ k/ `1 d! y6 D' L8 b
if (iedom){
  w2 w$ B- |* P  cwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
+ L5 v' k% r& ~' y8 Xwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')! `- c% Z' W4 }+ S8 q+ C6 h5 f! z2 u
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
  {2 O4 |2 P1 Zwrite('</div>')( L& h0 E9 Q% f
}% `2 P6 |" q+ _( \
else if (document.layers){) |! v+ ]& p  }2 k3 X
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
7 m3 g6 \5 I# m) R$ h" wwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')2 T; h4 ], T2 j- n5 H/ q
write('</ilayer>')
, D4 I" O7 x' C}4 R" p6 Q6 }6 U( _+ H
document.write('</td></table>')% g- A% M$ v: d" [  s7 X' y
}
/ g6 _3 x( G$ H# d: S% X}" m: f8 P( P8 k4 D2 B! c
</script>