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

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

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

//修改宽度) f# v& F, W  {! X# g/ L6 C/ j
var marqueewidth=300" o( w! n* t$ z$ r  G$ h+ G; u
//高度+ h' {) R# }8 s! h7 A2 |$ U& ]( B
var marqueeheight=25  P8 ~2 |6 }$ ~# z5 u
//速度(1-10)2 U0 h  N0 _4 e1 e$ o0 n* N3 i9 {) \
var marqueespeed=38 @6 h- S7 G8 l/ I2 `5 m1 Q% k6 Z
//背景颜色
var marqueebgcolor="#FFFFFF". m4 ~( q; u" B" J5 O+ R9 g8 {
//是否能暂停 (0=no. 1=yes)?
var pauseit=1" n/ D4 ~2 X; d. P8 N

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

////下面不需改变////////////" q4 {- R- q7 _# e- w. }

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0$ F" ]: b; ^6 t# M: q2 @
var iedom=document.all||document.getElementById
if (iedom)/ T2 R+ k# w8 a* F& f
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
var actualwidth=''( d7 L* i0 U$ f% t1 y/ k5 f  q. N
var cross_marquee, ns_marquee6 ]) C$ a  m( `8 I

function populate(){7 ~$ b( _0 H% i  y: Y) n7 l
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee# R: ~. B; D9 h, ]% I
cross_marquee.style.left=marqueewidth+8/ O; E" O5 g" v1 x! }! I
cross_marquee.innerHTML=marqueecontent: p+ K4 }3 ~5 A$ a# p* Y6 {8 q
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth+ P4 @% J7 s, G( @# H- A8 N- _
}) b7 w& j% S$ o) X( r- w& Q
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2+ \0 c6 \/ J/ R/ \
ns_marquee.left=marqueewidth+8$ o2 y4 X" x3 s$ O& W
ns_marquee.document.write(marqueecontent)9 B6 r: s6 u& v; Y0 N+ X
ns_marquee.document.close()
actualwidth=ns_marquee.document.width2 p) h7 N/ Z3 I
}
lefttime=setInterval("scrollmarquee()",20)
}0 u' U) V# y6 k1 G
window.onload=populate& Q$ _! P" w3 T9 q6 H" I' h

function scrollmarquee(){2 K1 y) x" ?% I  y8 {3 ~* \9 U
if (iedom){+ _' Y7 |+ j- z1 a3 |
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed2 K4 Q% `9 x; ?5 C9 {" c5 t3 n' Q3 W
else
cross_marquee.style.left=marqueewidth+8
$ b8 {1 M; }% ~1 E$ H
}
else if (document.layers){* j8 Y4 h4 O2 f
if (ns_marquee.left>(actualwidth*(-1)+8))& h9 r9 P, z& k$ o( Q
ns_marquee.left-=copyspeed
else
ns_marquee.left=marqueewidth+80 x3 t( ?& E6 A& m/ N
}
}7 f0 W0 \6 u- X- ]5 R  x- R: u7 t

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')( S6 l; S" p& R
if (iedom){
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">'). a% _( ?. {; Q3 ^, k# p9 j
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')- J+ a: c7 C7 F5 {
write('</div>')
}8 {' Q" v2 a$ r% n. T
else if (document.layers){! S7 p, [' @+ x8 |
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')$ ~+ H* j+ ?" [% j
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')) s. D! H" ~8 k, \! q# V: U% {
write('</ilayer>'); D4 b0 y4 k& M/ _/ I: x! N" a
}1 k" C3 v, G3 E: @1 N5 M5 M6 ^
document.write('</td></table>')1 s' P! V% `0 H4 \& k
}
}  ]: h) l8 b* {' H+ w
</script>

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