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

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

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

//修改宽度
var marqueewidth=300
//高度6 ?3 B- _9 H& t; f2 E+ {( c2 z; H
var marqueeheight=25* u/ g2 o( l+ u: L
//速度(1-10)
var marqueespeed=3
//背景颜色
var marqueebgcolor="#FFFFFF". O; x  [* {& c# q
//是否能暂停 (0=no. 1=yes)?
var pauseit=1
! @8 W$ J( D1 Z- u2 Z8 }5 x
//修改显示内容  S5 f+ s/ P3 P3 r  N# v2 V1 q
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
" O2 A* D2 \4 G' j# L
1 |" [. v3 d6 J7 H2 w: r% _  s7 D
////下面不需改变////////////

var copyspeed=marqueespeed1 j* _" O: c- S8 v+ t4 o- \
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)! Q5 _7 ?! _% ^1 r
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
var actualwidth=''' t  ^$ F# U+ x6 N( y
var cross_marquee, ns_marquee/ V/ h3 {% d. T5 M1 m- X" Q% U! w
8 u2 M& {- p, U+ |0 x; @
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee  a6 D: ?# t  b+ p
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent' u, R' A9 C/ n) B( U1 Z
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth  K  s( c6 e: v) n& E" Y' f( Q
}* P  k; R2 l( L: h( l
else if (document.layers){% R3 _* Z% I& Q0 L! G# D1 g
ns_marquee=document.ns_marquee.document.ns_marquee2- v9 P2 }; B- X; T
ns_marquee.left=marqueewidth+8% E" W% v7 o! G! o. F& c
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate" u, Q- A, Y7 C# @, O

function scrollmarquee(){
if (iedom){( y1 L- M' O0 v$ Z, C
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
else
cross_marquee.style.left=marqueewidth+8! n/ ?( v+ U( m. J/ @- F2 B
* W" o1 Q" Q7 l, I+ v+ R! v0 }
}
else if (document.layers){! }/ r; N1 b) X1 a9 Y- n
if (ns_marquee.left>(actualwidth*(-1)+8))- J# |4 ~* k+ ~: s3 _0 q, X, m
ns_marquee.left-=copyspeed
else
ns_marquee.left=marqueewidth+8
}/ k4 F; y4 \: n6 ^1 s) o! B0 v3 j
}
& Y% L! z4 `( x5 s: e, n* a# _
if (iedom||document.layers){# F8 e0 u& }5 d
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')- d$ z% ^; a2 i$ g. x5 B
if (iedom){, h( ?4 J* d1 U( S3 A  q+ b$ B( T% E
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')( F6 h( g' _- `$ \  F, w) p: e
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')2 _1 k, G0 O/ y* [1 ~3 a
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
write('</div>')4 b) U% y) \; s2 P8 }
}
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>')/ o/ Q! B. J" L4 W
}
document.write('</td></table>')
}
}0 J3 d' @* L2 P! {  X5 \% a
</script>

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