网页之跑马灯文字特效

zw2004

//修改宽度
% v7 P, b6 c# T. f7 T/ Y+ Ovar marqueewidth=300: {7 k9 h0 x$ j( P
//高度
, {  q# Z' Q" m9 H- wvar marqueeheight=25
2 j  G. ?2 A" p3 Z3 A//速度(1-10)
2 C1 B8 S. i& v9 wvar marqueespeed=3% [" q3 G2 x( C6 L- O
//背景颜色
1 u; I6 e5 S7 l% W% u: Q4 Dvar marqueebgcolor="#FFFFFF"% |* \, d5 O; z- G& O+ z5 ?. E6 L- |; Q
//是否能暂停 (0=no. 1=yes)?$ x9 Y( g) D$ S( O3 ^  @/ H
var pauseit=13 C, @* j$ z, i
/ J9 Z. ]! _8 y& z& K
//修改显示内容
4 ]7 n" p: Z  O$ x1 r2 _4 M3 P4 `var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
' s. k: _, r& [2 o$ w5 K+ N* a5 K
8 U% l- C# k! v& g3 s
////下面不需改变////////////6 t9 `: ^/ J% Q, O( ?

( r. @: `5 |; r1 @var copyspeed=marqueespeed6 c3 j% [) `; C9 U
var pausespeed=(pauseit==0)? copyspeed: 0
/ Z+ p! \" ~. B: I( S# z$ Fvar iedom=document.all||document.getElementById5 q( ~' ]$ U: s1 N- m, b. f
if (iedom)! I7 D1 _3 E7 |" |' _& m% c
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')! U7 W& L2 u0 G, E+ r
var actualwidth=''" I# e0 ~8 c% b  x- I/ o' t$ K% _
var cross_marquee, ns_marquee/ c9 s3 b" i+ c3 \# X$ ?" f  W

* ]; s7 {: o, d% efunction populate(){) H. H9 {. p. M3 u7 x! J5 }
if (iedom){
8 I0 y' N" j( p8 X) Ncross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee9 P0 |2 r1 G. R  w4 e: ?
cross_marquee.style.left=marqueewidth+8" W8 X: L' x2 I% |
cross_marquee.innerHTML=marqueecontent
9 ~! {/ O1 Z# |& f% m) jactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
3 |" E; W! D  \4 y* |- h' z7 S' d( Q}2 R/ v$ `& l+ ?8 U. u- r5 T+ P. L
else if (document.layers){
3 U# g! f4 z" S) xns_marquee=document.ns_marquee.document.ns_marquee2
: v; y- E/ \4 w- Wns_marquee.left=marqueewidth+8
+ `# d, D5 Y' lns_marquee.document.write(marqueecontent)
$ F' S, b* |& g+ \$ I; dns_marquee.document.close()
. `9 V2 F) c/ }actualwidth=ns_marquee.document.width
0 I5 ~! ?' l" N1 n/ m( i  V8 z9 G}
3 u* C1 u9 |  [1 K) x# [( E7 w' b5 Vlefttime=setInterval("scrollmarquee()",20)" L0 j/ e8 _4 E
}1 X% ^) r8 g2 `$ ~8 i
window.onload=populate; f$ B8 I4 B- }  U
6 n: s  n- K' k
function scrollmarquee(){# C6 w% U; D/ w2 w5 W0 _1 T# I
if (iedom){
4 P* u  z: m* x' R0 ?9 wif (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
& {+ t+ M! n0 B4 y% A. zcross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed# F/ _  p: Q. Y- ^2 @- i& }
else3 Q6 X1 I9 V$ ^8 u: g; c
cross_marquee.style.left=marqueewidth+8
0 [. q; r8 c! ~7 b) r( A+ Y- n, X' w1 A3 N& `
}# l/ a5 o  w: p' m4 h, G) C
else if (document.layers){$ }, S, X- b: d6 |0 @
if (ns_marquee.left>(actualwidth*(-1)+8))
; E  t$ Q; [- e- z6 _" {ns_marquee.left-=copyspeed( \8 V5 H& s) j' X: K2 [8 O
else
5 _  ]; M' Q% A# W) u% u+ `ns_marquee.left=marqueewidth+8
6 E) m1 g  b# Y4 @  k}# ?# I" X/ Y* o5 c3 n$ L
}$ R& y8 q7 H! }
9 u% F' v* E1 N4 G8 P
if (iedom||document.layers){
7 S8 ^( z8 V) M! p4 Xwith (document){
1 ^/ N3 t; ^/ hdocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
' r/ h% n% T% @6 s+ Vif (iedom){
8 d, P0 J8 p2 q; |% a& }# Dwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">'); N8 w6 `4 K/ F+ b$ S# h8 R6 x
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')8 ]- O& E& Y; u+ h& n
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
" F% T/ t2 _; X4 `  ~write('</div>')
( b* B3 [2 w" b6 F9 N) d) ]+ w8 L}9 w) Q4 v% }6 j, Y6 u' D; c
else if (document.layers){# ^7 G( h; V/ U' T5 w  O
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
: t7 i( e3 q5 }0 a. u) j. g, g7 N: Hwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')( p1 Y9 @3 [0 V" Z+ i" m6 W  m
write('</ilayer>')
3 D; L. |0 k! h}; H: `$ H- n( z5 ^1 O# V- {
document.write('</td></table>')$ s, n$ i$ f( E" [! b, o
}
9 u( |/ l* G6 h$ L6 _. n4 F}" Y  ~) [7 M3 w* Y: l
</script>