Board logo

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

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

//修改宽度
/ z0 T3 P8 b8 ^4 lvar marqueewidth=300  n: K. B4 u% s; u
//高度
& Q; j. [+ C, H0 Q4 I+ x( Y) K5 Jvar marqueeheight=254 ]& b' X  z5 ?/ I' |% o; J4 S) M
//速度(1-10)+ z0 L+ ~; _9 o5 L8 c
var marqueespeed=3
  y) N4 Z% ?1 N//背景颜色
- @* ~0 l1 K% [* J* x2 hvar marqueebgcolor="#FFFFFF"5 A; e: v0 Q* |! {  u5 w( v
//是否能暂停 (0=no. 1=yes)?% c1 J0 |& O* H2 @
var pauseit=1% O" o, s4 N8 x* U6 \

4 e* X$ k& w  s//修改显示内容
/ X. Q- J* o1 h! L& x# ovar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
3 J; B5 B! x' [
8 }  }4 d" ^4 X# |+ b& o+ }5 s3 K- F; @9 O9 h4 T( h' d
////下面不需改变////////////
8 O" U6 i1 Y' i/ Y: A% o$ Q; a' g* ~. y
var copyspeed=marqueespeed, w- j. n. U1 m" ^  c3 t
var pausespeed=(pauseit==0)? copyspeed: 0
, G% ^5 a4 N3 L2 U0 X' jvar iedom=document.all||document.getElementById6 Q- c: I' N( |# Y8 Z
if (iedom)
# m, J7 q: ~9 m# }; L7 zdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')2 q/ T7 z! R: q* E7 M) V' k" H
var actualwidth=''
, H% r" F( |  m  W, Kvar cross_marquee, ns_marquee$ i# N- g' u) Y6 ?6 m$ F
# K- z' D; A' p$ j+ n2 a
function populate(){
) ?! b( y+ A. J4 Bif (iedom){* K. A- m4 C# Y+ k) m* d9 {
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee1 l, z1 b6 L$ m3 _- L3 I  ^
cross_marquee.style.left=marqueewidth+8
# u: m/ k  t6 H8 ]/ U4 ^$ @; \( Dcross_marquee.innerHTML=marqueecontent7 g" B( ^2 ~& d9 U6 f$ k
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
$ g+ q1 v6 r  L. A}$ y& J' g  h6 c2 U( y% ?) t
else if (document.layers){7 f* Z* ?* I4 Q. J
ns_marquee=document.ns_marquee.document.ns_marquee2
9 G" y8 y7 ~# v; d5 m8 d( ~/ x; ins_marquee.left=marqueewidth+8& Q8 H. W" U! P  ?/ J) A6 O
ns_marquee.document.write(marqueecontent); M/ ~( O& b/ h! Z  C3 Z5 f. W
ns_marquee.document.close()% `7 V1 f: y2 f( u( O1 f1 k% a
actualwidth=ns_marquee.document.width
6 d2 _6 @; j# D% N1 M9 `) d. j}: a4 s& I- ?5 x9 w* c6 y/ e! @
lefttime=setInterval("scrollmarquee()",20)+ W% x2 I4 O: v
}/ E  z4 x$ Y' N! \
window.onload=populate6 n! y) g5 \  [

& a2 K- @& F+ ~" j5 w  {function scrollmarquee(){
4 Z, J2 a& G' r6 aif (iedom){
4 y8 N9 `& [  fif (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))- P- x7 K* j0 U4 o, |2 ]  D- a: {
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed. H$ y, I5 E) X, F# t* @; [' ?
else
2 b# q8 a+ k' E1 V, R: x- r$ lcross_marquee.style.left=marqueewidth+8
( J! d3 Z/ n! d. |8 e7 V6 B+ r6 s7 a- D+ D# [
}; v* }/ J0 J% U, E" l2 u
else if (document.layers){4 O6 B4 Q# ~& Y. m
if (ns_marquee.left>(actualwidth*(-1)+8))
: n! y# {0 O! t* [, F. s5 i$ n' cns_marquee.left-=copyspeed
' Z9 Z4 g* @! k. v# a* qelse' V! V  E# X! m3 _
ns_marquee.left=marqueewidth+8
! s! Y: z2 C1 q" X}% O0 y9 x8 Y! F# S1 B
}
+ p$ C0 N2 U# T2 X# N
" Y" w$ x: t* f/ f( u1 q; Qif (iedom||document.layers){
- e1 M5 O1 R& d  }  t7 [with (document){$ y/ Z7 K/ i1 I, x( |
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
# m: g+ ^) D/ h- x; b1 D& h" A9 Lif (iedom){
3 W1 H  a* Z  Qwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">'); N: w# ~8 M5 C' u6 @( B/ v- J
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')+ A; F# q! m' A# D! M
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')$ ?; \- M% ]" }) C* \* j2 |
write('</div>')
' |7 k& R* ?" Y( m}
: ^+ S1 ^3 W$ b8 S; S( M- }; telse if (document.layers){
: t: Q" j" W3 v8 s* gwrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
5 `2 z3 Z! f7 h/ y; dwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')* Q# Y+ i7 r* D0 O; H# ?& v
write('</ilayer>')* V$ h( B! e$ t$ H
}0 |2 o* v0 {' ~, `: C
document.write('</td></table>')
, _% I6 X2 G! F}
) G2 \, o# ?/ ]% `) y/ i% g" _}% q" @! z1 x6 m& n
</script>




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