网页之跑马灯文字特效

zw2004

//修改宽度
! ^9 e+ q+ t0 uvar marqueewidth=300
  ]6 l0 G" v6 z7 Q$ S% n  f//高度
" Q+ B) J  b/ {0 `8 l' T  L  Gvar marqueeheight=25
" O. j0 M+ r# D! d6 m) v//速度(1-10)' U/ @. V! U3 Q
var marqueespeed=3; S- }: N) H' @) K) g! D/ B
//背景颜色
1 \0 m: j9 V- q: nvar marqueebgcolor="#FFFFFF"1 w  Q# t7 y0 a6 M* Q) L) o
//是否能暂停 (0=no. 1=yes)?, X0 k* ~" p: x' z
var pauseit=1: q7 [$ x& M- A& V# e. o

5 J: |3 j4 W4 ]& G! E7 w, g//修改显示内容# B. U- L/ p. Z
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
0 y3 ?" a* Z5 ]/ i4 g7 Z  r0 T" k! q

. Q( c" v  S, O3 [! Q& o/ s% I6 @////下面不需改变////////////
* P  U& K. [/ I% T- ?. w$ p; f3 ~$ X" q8 V3 t
var copyspeed=marqueespeed6 U" w5 s7 b- H4 H# \) ]0 c+ r
var pausespeed=(pauseit==0)? copyspeed: 0, C) ^5 _: y) }  i! j4 r6 p3 s& c9 @
var iedom=document.all||document.getElementById8 l8 T: H% ?  g5 D( }
if (iedom)
; U* e8 E2 x$ u- K3 T4 M& Udocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')9 o$ _! x" _" k) V2 H
var actualwidth=''+ W5 |; w( }0 c
var cross_marquee, ns_marquee
2 e/ A2 d# J, j( j# {3 g+ Y" l: c8 m/ V( Q1 x8 V! B" K
function populate(){: D. Q' r8 f5 N$ h; B. B
if (iedom){7 e& m& t: Z9 ~! a# I. p
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee9 Q! _1 S- p4 X: E+ l/ R6 x/ \
cross_marquee.style.left=marqueewidth+89 f/ h3 ]; E1 j  B
cross_marquee.innerHTML=marqueecontent
+ p& Q' r0 c9 g5 j* g. xactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth$ s' c6 W& e' O9 }" k! Y
}' x8 _. V1 C) p- I2 l+ K
else if (document.layers){
/ n8 h2 H% ?, ^$ _ns_marquee=document.ns_marquee.document.ns_marquee2
, w0 x5 _0 z- e) G9 h1 vns_marquee.left=marqueewidth+8
! u0 s' R/ _; v; }( x# Xns_marquee.document.write(marqueecontent)( g) n& g# b0 X  r& j9 n; [. M
ns_marquee.document.close()1 c9 i) K4 T  r
actualwidth=ns_marquee.document.width
. f1 I- W6 |; u& E0 l}  J2 P; L) G/ A& {8 m' S
lefttime=setInterval("scrollmarquee()",20); E* a& J) ]7 D% z  P. f
}8 ~' h, _8 i# a" [+ e
window.onload=populate
0 L8 P8 j) o  V
# V" |9 a1 m5 Q- e9 [function scrollmarquee(){
3 T' t$ d2 T2 z; w- W% v3 eif (iedom){1 p9 P) @& a# k* B
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8)); c- P% c6 \$ q0 g) u
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed# x* {/ E2 B; {5 n; A
else: s: W5 L) }) Z; T( {8 J
cross_marquee.style.left=marqueewidth+8; [! Y& |0 W& K7 `

2 e! x& H; q2 a+ {; S. |}
4 U; e+ i' i! |0 `8 g* Velse if (document.layers){
/ y0 _! |$ I: @. Y; l8 ]2 yif (ns_marquee.left>(actualwidth*(-1)+8)), k* w4 t- r3 |1 u! D" J3 \
ns_marquee.left-=copyspeed/ K$ E+ ^' p0 t# b
else
' j, A0 f, [. i# ~ns_marquee.left=marqueewidth+8
% Z( Q$ p& Y& [6 I: M8 w7 Q0 I7 N}' _7 E* z8 E7 E
}
) ]4 z; h0 J( ]
  J- g) L" z1 G2 y+ L2 D+ w5 k, yif (iedom||document.layers){+ v# [* l2 i1 b* |2 _
with (document){
) m, I$ d  u8 }document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')1 n/ j- U3 ]+ g: O& c$ }
if (iedom){
! b! O( S# N9 v7 H6 ?write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
/ Z: ^# s; z" W9 P6 rwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')$ G4 m/ e' Y6 e
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
9 {9 X* F0 D. Twrite('</div>')* J7 z9 G  T0 O6 r* p
}
% W! }" e- Q8 k5 |/ kelse if (document.layers){
. ]7 d" p4 Q! V% S: pwrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
' k6 L$ z: |0 H; D' d; |& swrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
. ]0 |; i8 R. W3 Dwrite('</ilayer>')
; B6 B+ |. C  `% |  p- `6 u- v) m}4 B" V, C6 X# }0 K
document.write('</td></table>')
  P- a5 J- S1 e; Y7 z+ t}
0 B3 Y2 U9 J0 i1 Z9 F/ |4 g& V}# g' H' n0 n* p- @
</script>