捌玖网络工作室 - Powered by Discuz! Board

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

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

//修改宽度# X) w0 f, h6 T& V! S
var marqueewidth=300
//高度8 g; b7 V2 r( q% k6 h( {! J: D
var marqueeheight=254 W  i- L- {  Z4 j
//速度(1-10)0 g5 I9 i( ~: O2 D) V
var marqueespeed=3
//背景颜色' p% g3 q. @1 @2 k
var marqueebgcolor="#FFFFFF"  v! @3 `6 W2 j0 q2 q
//是否能暂停 (0=no. 1=yes)?
var pauseit=1: G6 t" F( v4 w  M  @# k

//修改显示内容
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'" [" K! b+ T. ]

////下面不需改变////////////$ i0 }+ O+ D1 ^' Z9 T

var copyspeed=marqueespeed6 n& w' W5 T- a% {
var pausespeed=(pauseit==0)? copyspeed: 02 u! _9 X1 o3 N- D3 D5 D; j  H# t
var iedom=document.all||document.getElementById5 B2 U. j) G+ `& C- I* p
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
var actualwidth=''% l/ I+ F% k3 K) y) X# d  b- L+ ~
var cross_marquee, ns_marquee7 C& I3 d9 [. Q( r4 h- K
3 o& J5 k, \9 K1 c$ w1 o
function populate(){. y8 J2 A1 C' J8 O' D4 \8 L
if (iedom){, o; M! b( N, T3 s
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent. E  ^6 S$ ~! C2 Q! `
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}: L: A+ u( i. `$ @7 r1 {2 `
else if (document.layers){: Y, g! m$ d- ?3 r9 E! Q8 Z; z% H
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+8: D8 n! t  ~* r3 k' I: y0 g
ns_marquee.document.write(marqueecontent)! B, K. G4 k# j# C3 V, ^
ns_marquee.document.close()+ N) w3 ?! ~* S9 T9 w2 W
actualwidth=ns_marquee.document.width" S: j) |, s" m- m  _, o
}
lefttime=setInterval("scrollmarquee()",20)8 O/ U( b: M  K8 A9 E5 e
}
window.onload=populate
: l' c$ O  m1 b% s" U( W1 X6 d
function scrollmarquee(){2 V0 y4 ?& N. r. _
if (iedom){" H9 g5 I( F* g3 K. ~. c( ?
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed% X( o7 @* ^3 c. |- J7 D
else
cross_marquee.style.left=marqueewidth+8
! W( ]) p) H; z) H4 Q
}: u" Q4 S/ b$ W  ~
else if (document.layers){) A: X5 \- o& p, G
if (ns_marquee.left>(actualwidth*(-1)+8))/ n( h  F7 V  S! ~9 j# y9 l: o* i
ns_marquee.left-=copyspeed$ X# F4 Z/ t: h  v% s8 B6 E# u
else
ns_marquee.left=marqueewidth+8* Y! V2 \6 Z$ \( ?) H, G/ e4 h
}8 J! |3 p& v2 M$ w
}
2 `% V, Q' F6 Q7 `8 f" I$ C
if (iedom||document.layers){/ Q7 l( A  H5 T! t5 @
with (document){$ X; f8 I6 U% b  v
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){- e+ _. V/ d* R% U6 j  e# ?9 A( t, K
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
write('</div>')7 y+ L: k8 O: a, X: _% s! c  ~
}
else if (document.layers){6 z4 Z+ e8 P( e
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')  J7 W/ F) I2 o2 s' b
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')0 n4 x) Z7 S/ E; b
write('</ilayer>')0 _( x" D! z8 G1 W% T
}
document.write('</td></table>')5 F, m2 a/ w, l1 E1 m( u
}' p0 A, m, Q: q8 E' [
}
</script>

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