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

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

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

//修改宽度
var marqueewidth=3000 y; C0 M" S( n
//高度
var marqueeheight=25: Q0 n/ x8 E3 @: F0 w
//速度(1-10)6 w: B) p9 D( ~
var marqueespeed=3
//背景颜色9 G; i& V! L; T9 ^
var marqueebgcolor="#FFFFFF"3 ]( P% m3 y) r) Q0 z& O
//是否能暂停 (0=no. 1=yes)?) x) |4 p+ w% W' k4 Z, i( ^) \
var pauseit=1
. e& }0 S. m8 T8 ]" l) H
//修改显示内容
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'

7 r- T/ W! C. Y! n
////下面不需改变////////////$ {+ t* t! X9 Z- I  N

var copyspeed=marqueespeed& c; g  a: k- u: y0 I
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById! y% }9 A8 l: S8 k+ o* G
if (iedom)  q- L( ]4 ~; x9 m* w5 V
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee, W0 F. g8 H2 G$ i/ J
7 h" p0 y0 ?2 V5 }9 ^2 @5 @* u
function populate(){6 a! U) g: W9 N& A# s% |1 K. B
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth3 E1 T$ G( H# l4 e. U
}
else if (document.layers){' I+ n) f* R* M- z( ~
ns_marquee=document.ns_marquee.document.ns_marquee2) T1 n* }) {! a: r( u# L
ns_marquee.left=marqueewidth+8) [% A$ s- `( s( E+ I& o
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()2 y# Z# j/ K/ g
actualwidth=ns_marquee.document.width. ]2 }2 v, D* c( w( v8 q/ {
}4 }# I* t" d; @+ _0 U" }2 {3 P
lefttime=setInterval("scrollmarquee()",20)# z5 s1 u$ g' y6 x7 z
}
window.onload=populate6 U, H* ~5 m3 w6 W6 K
/ \0 L) A+ Z9 i' X/ ]- ^
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed! I4 q& Z% N0 Y
else* \( s# y. P& ?& t3 w* d2 L
cross_marquee.style.left=marqueewidth+8; c6 O  C) |  |% N* W9 G0 e2 G

}
else if (document.layers){) `5 ?9 Q5 ?5 s% S& z
if (ns_marquee.left>(actualwidth*(-1)+8))3 h1 }+ V3 R3 o' G! {; M5 q( k
ns_marquee.left-=copyspeed* U0 t4 k9 i: A6 ?% A; n% {5 M  g
else7 Y# L% M, x" P6 a" [
ns_marquee.left=marqueewidth+8
}
}; V7 b/ f. e* D- m" y

if (iedom||document.layers){
with (document){" W' W9 Z3 V1 Z% z. H
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){* K: p5 Q2 K, i& \
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')9 N$ Y- X# ~& A* p% b0 U" Z) v
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>')( ^) ^, f: B4 p- V& Y) i) a- Z
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}; V8 ?+ U. v* s! t8 b2 Q; ~
document.write('</td></table>')
}
}7 d2 n9 O5 p$ v/ u* c6 l
</script>

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