Board logo

标题: 网页之跑马灯文字特效 [打印本页]

作者: zw2004    时间: 2008-1-21 20:53     标题: 网页之跑马灯文字特效

//修改宽度
( k* }: g3 t( O% }& R: {var marqueewidth=300
6 p6 ~5 Z6 t# _8 r. `3 \* P//高度
' P  R8 B& q  L  ~( Cvar marqueeheight=25
! z. m' B. R/ V% _6 _( _//速度(1-10)
" y/ k+ p$ _( r- ]" C& w) ivar marqueespeed=32 `# m" q1 L% x) l
//背景颜色
: V# L% _7 z1 z2 Q1 s+ Cvar marqueebgcolor="#FFFFFF"
: k5 q* N, q* }* {" T$ K+ Z% G//是否能暂停 (0=no. 1=yes)?
) {: L9 B$ O: ^6 P7 b% `! x) qvar pauseit=1
; u, }6 K6 f6 ^0 A" }4 {! n; _" h1 g6 R) B! W! J
//修改显示内容- E, W. P) a# _$ J4 w6 O2 g
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
4 Q; _( |  e  q# S2 s5 E9 H+ p/ h& t( u/ i4 V

& H+ }: C# b0 z4 |8 |////下面不需改变////////////+ b$ P( [# ~  Z8 c: d8 x! D& ^# L
& S# I( N' R1 c, m' A) y' l7 ]
var copyspeed=marqueespeed5 h: |% N, j( l) i/ n8 W
var pausespeed=(pauseit==0)? copyspeed: 0# ~. u7 n. z! s, o5 `& h2 \
var iedom=document.all||document.getElementById
; f  G* F( M/ U$ sif (iedom)
, d+ z8 z% a7 w* P( I& Ydocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')$ ~1 @- c: Y8 t% P
var actualwidth=''
' K+ c4 g5 M& T2 R& @var cross_marquee, ns_marquee
  @$ h" X$ f% u+ x. u& m$ W. F" V' A: ?5 _5 Y/ i. N8 I
function populate(){
. D) q) k" j1 \" A+ p- f" N5 sif (iedom){, y1 E4 i3 f, J9 C
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee' W! J% d! q9 n! n3 M  p: E
cross_marquee.style.left=marqueewidth+89 @  S, i: ?: O' D; L( X! a
cross_marquee.innerHTML=marqueecontent
; E8 \- k; }: [/ S9 z+ @actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth5 R; m7 L4 P$ l. O: `! v0 S
}
) U! u9 X; m! z# h: [3 I/ A6 Lelse if (document.layers){6 p  E9 n1 M! J: B6 v2 C
ns_marquee=document.ns_marquee.document.ns_marquee2
* u2 N2 s" r6 Z3 @9 _* U/ kns_marquee.left=marqueewidth+8
$ \  V  ^& ]  _ns_marquee.document.write(marqueecontent)
0 k% l% a( W" R4 mns_marquee.document.close()
' ?$ {. h/ M' _$ i; f3 K; W; cactualwidth=ns_marquee.document.width* N& ?) k  g" @& E" d
}1 |0 {# o& b% s" u
lefttime=setInterval("scrollmarquee()",20)1 w2 s1 b: W* o8 f7 |) a
}
6 i! L6 X' g/ mwindow.onload=populate- y8 }( w/ P! n  N
1 s4 `) U: n0 p/ n- A& q& X
function scrollmarquee(){9 u- K: J' F* y. z+ `
if (iedom){
5 x: i8 g2 B. Z% D) Xif (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
4 O  G6 h8 ~4 X/ Ocross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
* U& ~% U) k( F9 ]: e  s  {else5 N- b+ D- d  s2 W: C& T
cross_marquee.style.left=marqueewidth+8
- E' J0 s! N2 R+ w7 L& k
! r. A% Q2 ^$ f& L2 M/ k3 U}
* X5 o5 i  @8 D* U; c. t) o1 velse if (document.layers){6 E2 G8 V6 ?" ^
if (ns_marquee.left>(actualwidth*(-1)+8))/ Y) q5 c, j: f3 M
ns_marquee.left-=copyspeed) Q+ g$ [, e5 x* R1 ~) y& K( M
else" E' D3 F7 V/ P! z
ns_marquee.left=marqueewidth+8
' o7 W* q: `! z}% Z2 `; D# c0 a
}5 B8 y3 I% V0 e* D

( ?1 b, n3 K' I7 ]/ xif (iedom||document.layers){( e+ D6 x# d! x% Z# D
with (document){/ Z' A5 n# V# a6 j: l& i
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
+ O5 o* _% i3 p5 X: Rif (iedom){5 |' o, R' q" V
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
7 e5 q& C  C5 N/ ~! L6 |write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')0 y* _7 O' L3 n, |7 C
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
5 f3 V( F% p8 R. E6 F4 Gwrite('</div>')
( y. g1 s  {( H3 X* O; B}7 s$ g& W( {1 \, m- v  a+ w
else if (document.layers){7 Q+ A1 v( ?8 a6 j
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')) _  H1 @4 F/ L
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
' t8 Z- p, O7 q( X+ }. K& Owrite('</ilayer>')
6 Z& _2 O6 Z: h0 ], {4 q, }! R}
3 d' B' ^1 S$ c3 g. Q  qdocument.write('</td></table>')9 W4 c' W" i4 d! T5 g
}
! D! V5 E6 B, ^7 I6 l4 ?}
: j. \1 z8 [: a* n3 O) M2 [; A- \</script>




欢迎光临 捌玖网络工作室 (http://89w.org/) Powered by Discuz! 7.2