网页之跑马灯文字特效

zw2004

//修改宽度
* k: u( ]/ G- B0 ~var marqueewidth=300
0 q( O; r# D2 [) {//高度: V+ b$ t* j; A) b; Y! J/ k* d* m
var marqueeheight=25; S8 O9 C. g3 x" P% I: B! Z
//速度(1-10)
  I* F- J/ g3 e- O& K+ Wvar marqueespeed=3
; p  z; _( H& |& H//背景颜色
; N' k( }) I' y, Mvar marqueebgcolor="#FFFFFF"2 \! v8 k; I) t* Y
//是否能暂停 (0=no. 1=yes)?4 g  X8 A5 A; _8 L- I, Z# N0 i
var pauseit=12 U4 m2 M9 l3 J: w% P

; g# E7 M% W+ ?' Q4 L! c1 v//修改显示内容/ ]7 X* g4 p! D. s& C
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
( }1 x4 n0 W7 h7 a) G7 K2 ^3 t9 R1 I& o1 Q6 ?* q4 Y# h% C
) [3 @8 M) n% a3 ~' ~- N
////下面不需改变////////////
- F9 E. C8 D6 z% }4 D7 n+ A3 x- D; P0 b  n- [# ^+ n
var copyspeed=marqueespeed
/ x" t0 J% d0 D, P+ Qvar pausespeed=(pauseit==0)? copyspeed: 0
3 ~3 ]7 r. _9 @: t0 Svar iedom=document.all||document.getElementById; o7 P% e. C% M: c
if (iedom)" v9 G" @+ `0 c: T0 N
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
' ^  U/ ]2 _  t! X% B) u& }9 O" y% Vvar actualwidth=''
! s7 w* P$ k) ^; Rvar cross_marquee, ns_marquee
: ?* |0 N8 `( r4 f0 z1 @& Q5 a  a8 {4 {" g  O
function populate(){
/ }7 C" p. {  j6 A  W1 Gif (iedom){
7 N0 D  ~8 O' V7 `, W& Rcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
0 I0 {3 ^- L2 Z* j  o7 b- Wcross_marquee.style.left=marqueewidth+8- v7 B$ v, `1 Z0 A( r  r  ^0 [
cross_marquee.innerHTML=marqueecontent
0 \9 _7 ]  u7 M' u; `actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
9 u" ^& R1 [9 K# a" V* R6 Z( K- R}
7 g- M7 u+ R3 |% s, [2 Yelse if (document.layers){
: T. L) u2 [% Y* L1 f, zns_marquee=document.ns_marquee.document.ns_marquee2
! o2 V2 `) p; ]# d1 @6 [ns_marquee.left=marqueewidth+8
$ T( K6 s) b3 ~4 wns_marquee.document.write(marqueecontent)
7 J- F- w0 U+ M/ H$ ?3 S6 i+ Xns_marquee.document.close()
1 }" u8 J! [" l4 e% Yactualwidth=ns_marquee.document.width
8 P* b% D- c' a) I# x}
! n0 v& b; S$ [6 H' alefttime=setInterval("scrollmarquee()",20)# u' i# ?& |. P+ j8 w
}
, u! R" `& g! h& Hwindow.onload=populate" r: `$ N0 r9 W+ ^6 R; y; j

: H* H7 h& T3 M# ^3 afunction scrollmarquee(){
% M4 C+ s9 y! N* k7 g/ @if (iedom){# V" U: R1 @3 p3 s; Z
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
( \2 C  j& O+ m% y" ecross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
( b7 N9 k( j7 felse
0 H* @% ]' ?  l; Z0 x! Lcross_marquee.style.left=marqueewidth+8
1 y3 P8 \7 O( o  X+ S% Z# C5 u' L! P* j4 g9 ~5 B- Z
}3 k7 F4 l6 ^9 P: x" p) P2 v8 I
else if (document.layers){1 k: A% I9 ?5 h# \8 ^9 U1 e) I
if (ns_marquee.left>(actualwidth*(-1)+8))
& k: ]* G. ]/ x1 N: Tns_marquee.left-=copyspeed) z" k/ g2 {- V2 K0 Q
else
" R/ ~  Y% r5 d# ?& l/ Fns_marquee.left=marqueewidth+8
# s0 q: S7 X  b6 A- j$ g}8 X5 t6 ~5 N9 u5 [9 w# b3 K
}. M+ Y2 T' G% p# t& {" R& l
. `- [! H5 n- R0 W2 G
if (iedom||document.layers){
/ @' w  t5 ~5 q3 \: g% Twith (document){
7 ^7 n% E7 [2 [6 `$ ^document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
" j! r# t& Y1 z- E4 E4 @' gif (iedom){
. w4 c2 f% w1 g2 v9 }. m. M: ~write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')9 y; k  N$ u2 h, @1 i
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
3 J$ Q% M2 H, o& a. n  Dwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')9 k9 m  N3 z" w
write('</div>')6 V, C$ G7 D  z" X9 l1 ?
}
  y( q6 z% K6 J" Ielse if (document.layers){- t+ Q8 o( V$ k6 N( J
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
& G* s; G  x& k  x# K; p7 Gwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
! y5 t5 b0 L! Z* e' R- Gwrite('</ilayer>')
5 n1 h5 l' M$ ^+ V}- |1 b! T, W6 u9 }! K5 d
document.write('</td></table>')
* K# H2 }) O( _& ]- F* {$ T3 n4 c}
  a; F: H$ Z' ]# p6 n/ ^! P! [}
9 E6 d, @/ p0 z/ R</script>