Board logo

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

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

//修改宽度, o: g+ _. C( Y( U6 H* e
var marqueewidth=300$ `1 I& g& j& e+ |! W% y
//高度
) |  {6 E; s) [) j1 C9 ovar marqueeheight=25
  w: q& q+ L- F  }7 Z3 F0 ]& W//速度(1-10)
, o: ?/ k6 ~7 l; _0 d0 Gvar marqueespeed=3! u$ C3 C* }# v* Q
//背景颜色
+ `: s) _9 P' [& E& ^& jvar marqueebgcolor="#FFFFFF"
5 N; {; |* w) S- x5 _//是否能暂停 (0=no. 1=yes)?8 D2 ~1 r& A6 r  t
var pauseit=1; o& P+ Y. M, y+ W
% T; N) s- w2 y' s/ X& h
//修改显示内容& W6 S7 B8 v) x6 f& |, @" j
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
- O2 Q  I  \# C' m
; j* a4 [, P  r( [0 T
" E' h9 }! b. o  F5 E. N& _6 ~7 O////下面不需改变////////////
0 ~; U' c" C1 Z6 b! ]
+ I- h: ]7 L9 c" Jvar copyspeed=marqueespeed3 }! e  J/ h- R+ ~
var pausespeed=(pauseit==0)? copyspeed: 0
, H4 V$ W8 o8 }& k+ Hvar iedom=document.all||document.getElementById. I5 Q) a! V! p9 F
if (iedom)& k) r0 d. Z* j- B4 a* G7 G2 ^
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
" r4 i$ [9 _; R+ H* Ivar actualwidth=''
  h4 L3 f/ {# z3 k9 Ivar cross_marquee, ns_marquee
3 n5 l/ q# L) g, C" w, k9 [( {' k) a% |" j& b
function populate(){3 o3 T3 p* B$ t4 P5 B
if (iedom){# i$ J, s& t( ?; Y0 ^, H  a
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee" |5 e! N& h& w" |
cross_marquee.style.left=marqueewidth+8
" N! _2 E  Y8 O4 Lcross_marquee.innerHTML=marqueecontent4 W$ p( I% t* I" \
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth' g1 P4 a6 K) |! q3 Y8 @" |  z
}% y1 v- d% B' e0 Y! j
else if (document.layers){3 |) R# e- l  u
ns_marquee=document.ns_marquee.document.ns_marquee2
# U# i. A3 z3 w6 O+ u$ Cns_marquee.left=marqueewidth+8
9 S1 c" c5 N7 h8 fns_marquee.document.write(marqueecontent)
* ^7 R2 f3 w7 k" i7 vns_marquee.document.close()" Q4 R* k; X- d0 ~$ B
actualwidth=ns_marquee.document.width/ M% m) b1 |9 I/ \/ H, p
}  B( f0 r; f8 @5 h9 a% m
lefttime=setInterval("scrollmarquee()",20)  e1 e4 E4 i( b- a& x% A; J4 E- v
}
7 A, O* i1 Y- p; t5 ?' dwindow.onload=populate
& ^0 R% \9 G& o; ]& o: L8 I
+ E, k5 ~; {/ o8 Bfunction scrollmarquee(){
  e" `& X* X# K3 [8 k4 |9 ]* _if (iedom){! B" R- ^3 w- |2 f2 m8 L
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))5 s1 P# H& L- }& D7 j% l% C/ H
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed7 Y2 `6 |+ j  {8 |2 E
else5 h, c/ G" p0 e1 g& y& _7 H; C* y
cross_marquee.style.left=marqueewidth+8$ D/ A( {, `7 ?7 h0 p6 f

: y: Q! B/ l' X  o}3 S8 Y; }: V) z( i3 |0 b. E: e
else if (document.layers){
! P4 ~- z8 B( C8 G- mif (ns_marquee.left>(actualwidth*(-1)+8))
5 j, Q4 X0 n# ^. a% t( `9 l& dns_marquee.left-=copyspeed; s' X, {# x  r" x, F# b
else
- N1 n  D( G) \/ i; hns_marquee.left=marqueewidth+8
  J: q8 K+ r- T- j/ ~}
  M# O1 Q& j1 _/ `}/ V; y' P$ {, ?  J: l- s5 m0 F5 U# u/ U
! @4 {' Z$ A) z2 }0 J# U' I
if (iedom||document.layers){
  K0 z, C/ b! A% U6 fwith (document){
$ c, E$ ]% {) u/ l: f' _5 Edocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
$ p/ A, g, @: m# h; R( G9 z, a' jif (iedom){3 H4 m( i6 \: c/ L1 X
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">'). E0 g4 B. \5 G  U8 c! a7 V, Y- y6 g
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
. }7 f+ ]9 z! Y2 B$ I" t% m4 xwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')* k+ e9 y' R9 h6 O* E% l! Z. Q+ a1 [
write('</div>')& ?$ f2 U& J  u# |& n- J/ x6 p
}
, R/ ~7 V0 |7 |+ T7 z& belse if (document.layers){3 A( b2 [1 e+ M, M
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')7 }& F5 H0 J9 Q% n. i
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')- P) A# _- x1 d* L0 o3 P7 s
write('</ilayer>')
  M" ^3 i. s+ n# d}
3 |' k* f" i2 E! q& @) y# f1 {2 D: x5 mdocument.write('</td></table>'), R: J/ Z! b3 p7 \& ?
}  L1 |: l' Q5 B% H5 W3 E
}
( Z; e1 p1 E5 |9 [7 y0 p</script>




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