Board logo

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

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

//修改宽度; v; s* p% e1 g& B7 U! b- ^9 {7 r
var marqueewidth=300
: Y& i6 l9 y7 E  F5 D6 K//高度9 {, o% E7 Y% P7 ~( k( s
var marqueeheight=250 W# b1 |: D0 m" l
//速度(1-10)
( G, I( c$ G1 H8 d  T6 g: R" w! Hvar marqueespeed=3- y5 e3 s0 v" p8 `+ _& x
//背景颜色
0 X5 V' C7 l3 r1 y, u# s8 jvar marqueebgcolor="#FFFFFF"; S6 E) i8 C- e, B" b
//是否能暂停 (0=no. 1=yes)?* w% v. R: H' u5 z2 _* P  Y: ^
var pauseit=1
0 w9 V( M' k* j
" r. o( X4 z+ N% G//修改显示内容: {* f: }7 H* A8 e& O
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
4 g  p( B# J8 W
* p8 M' g, ^! h1 ~
2 o. {1 e9 g2 W" ]- L/ T////下面不需改变////////////
% M9 s4 a/ l0 @0 ?; C
% S3 _4 B8 \  h1 t* L/ `/ ^% ivar copyspeed=marqueespeed9 M* u% @9 D5 W- X5 l' M
var pausespeed=(pauseit==0)? copyspeed: 0
3 E  d& F+ T- m! k5 b% _$ Uvar iedom=document.all||document.getElementById
# b6 D. w( t4 y- d/ ]; `/ M3 Eif (iedom)
# m' ^+ {% i( R  o7 h' R% _document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')- [5 P7 y0 s9 s  ]. _6 D
var actualwidth=''
) q& Y7 W; Z: A3 I, m/ m, hvar cross_marquee, ns_marquee
, v8 I% v. d6 @6 q8 b9 i8 H( Q; ?0 k4 Z$ l) A# E' w
function populate(){
$ f9 P: C+ u5 n" u( \' r* {+ cif (iedom){& e) P% t% L* F7 B; m: c% D
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
7 Q# v9 ~  P  ^- g. |4 D/ Xcross_marquee.style.left=marqueewidth+85 r, m" K! y# m/ c5 q1 ~
cross_marquee.innerHTML=marqueecontent
- [! ]- n  ^- h3 P! P) hactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth4 `3 u6 I) a3 j; |- P1 N
}7 O! D, M& E2 J- F- f
else if (document.layers){
3 n( _& d+ N+ m' q) F1 I/ pns_marquee=document.ns_marquee.document.ns_marquee2; L4 v! H! D# c6 Q
ns_marquee.left=marqueewidth+8
6 f4 q" s$ F  @8 r% Ons_marquee.document.write(marqueecontent)0 e& T2 E- S3 N
ns_marquee.document.close()
% d+ ]3 _7 b- r; p* y7 E, ]5 Gactualwidth=ns_marquee.document.width6 c( ~1 K0 q. p2 |! c4 _0 T
}5 Y4 _1 {0 X: ~) ^
lefttime=setInterval("scrollmarquee()",20)4 k; T- G% l7 h  z0 ^) J
}
) |2 c' P# @9 I- V- Pwindow.onload=populate
" [7 S: N+ z  I$ E  Y- y% }
" K1 q+ j7 k+ c, t* z- R4 Kfunction scrollmarquee(){9 L7 E% ^" e9 N2 |
if (iedom){2 J9 p% T) G5 k/ Q
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))9 G, p1 ^+ a% f( {
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed9 a. }. K* j, K% Z& Z# g
else6 J  M: ?  D5 z9 i4 d( x
cross_marquee.style.left=marqueewidth+8
2 b4 I  _" A3 x% X2 L) D% l5 J: y9 i+ O, b8 b
}
& U/ B" m& M. T/ e7 U& h+ Nelse if (document.layers){
6 }5 l$ a$ a* Q/ ]8 N' p6 Mif (ns_marquee.left>(actualwidth*(-1)+8))' l! J; [0 ?& p  B7 T& o* ]
ns_marquee.left-=copyspeed. ~! Y8 V3 {* U# Z
else$ ]* Z4 r" `* q8 F1 j
ns_marquee.left=marqueewidth+8
1 I$ c; q8 K  V& ^" P* B3 k; H  h}- h( x0 O) K' `/ ~% `' V/ W
}8 @% N3 r! B. n! Y, w) P6 T5 s
% @+ j) d7 r  k% R5 z
if (iedom||document.layers){* r: O! y8 q8 W5 l; z- n# O
with (document){
* V$ Y& H# u8 V7 ?& Sdocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
" V, I/ T$ ?8 q# G  `+ @& d) eif (iedom){
7 R! f  p! x3 R" Dwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
  z! P2 \' T$ Mwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
7 T4 d5 D) [4 j- T1 Hwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
. ~. z4 S& h: B0 [0 jwrite('</div>')+ U: G: X5 L7 _$ M6 j* [& l* V
}/ j/ \3 ?8 Y) n9 j3 e, [) ?+ O3 Q
else if (document.layers){& s( [% U9 Q: d. m4 A6 U7 P
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
& w9 Z0 }- v9 p2 a$ s0 c! Qwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')$ L; f$ F# N: D& `% v9 \6 s; `
write('</ilayer>')
1 v% Q: @2 R3 r! E0 u) X% R& w: y}- t. ^( V2 U- {7 c6 k. H& L
document.write('</td></table>'), |: w! X$ m9 N9 R  e* t2 _# z9 j
}
( ~4 }) n+ j( \, @7 e+ X3 a& J& H}  i9 V& w4 [/ Y* l4 w  P
</script>




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