Board logo

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

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

//修改宽度  {% U6 P1 R# f$ D* p4 y
var marqueewidth=300
, {: l' K3 K: G: v9 S//高度
, v% ?4 `3 o7 `9 t! x% `2 Lvar marqueeheight=25. M4 ^) L2 h) a% Q; H; b" f
//速度(1-10)
: Q) ]% g1 ~7 j/ }" h0 v3 Uvar marqueespeed=3! f6 @* d2 h+ D" C: Z" ~" ]
//背景颜色7 H0 W% J: a/ C. Q& N4 E2 x
var marqueebgcolor="#FFFFFF"
( r+ d' Q  F6 D1 }, P: F- b6 [% O//是否能暂停 (0=no. 1=yes)?
, t3 X  Y' s  x2 F' i; S; Yvar pauseit=1; p& u7 T1 ?* O6 P

9 p" @3 S% P2 }2 u//修改显示内容
! X) Q5 h- H, b7 wvar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'! [' C/ x4 e' c) E0 v! N: m( B4 O# b

# `) w* L) \6 d4 O) n3 @" c8 \% u& f" i
////下面不需改变////////////
1 [: @1 k6 f, K8 {. t" d& I6 \) i- k0 z5 d6 Z7 v6 y
var copyspeed=marqueespeed
# t6 s# r  ?! U7 E2 P& hvar pausespeed=(pauseit==0)? copyspeed: 0
1 R6 h7 R6 Q3 m8 evar iedom=document.all||document.getElementById. c6 d1 q$ ]( `' W* P. l) N
if (iedom)
) R% E; d2 p! ?  W, h$ Q! [! pdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
/ o* m$ Z6 m3 r% V9 Svar actualwidth=''4 B! `; T. a/ L, I/ W) Q
var cross_marquee, ns_marquee
; |9 I+ k1 j2 `, Y4 g: z! g4 v* P
# A3 m5 W) S. }# S  V% i5 q3 Q, ufunction populate(){$ z4 [/ t% t2 i) c' _) T
if (iedom){
7 z& x# a) U  M. a- P, d" e. {cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee* j0 B  S+ {# h/ w# ^# }2 q
cross_marquee.style.left=marqueewidth+8
1 J& P; i, {4 D& v$ X5 across_marquee.innerHTML=marqueecontent
) A! v/ t0 W/ o3 C3 |7 x( L* Xactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
' V2 I: p+ l: c( j! I% B0 J}
- c" `/ H9 J/ r9 q% jelse if (document.layers){8 a" E/ `" h. K$ ^
ns_marquee=document.ns_marquee.document.ns_marquee20 z! s$ J- z' Q0 {( C
ns_marquee.left=marqueewidth+8$ v; c0 X+ j" A
ns_marquee.document.write(marqueecontent)
$ X0 J2 k5 p9 e( f) x* Rns_marquee.document.close()* M6 t9 O9 D. V
actualwidth=ns_marquee.document.width
2 K/ v+ k1 L2 A) @+ l8 X# r7 \}. T( n9 |1 a& X- i! h! \) `
lefttime=setInterval("scrollmarquee()",20)
# c" R$ J6 l, n  _0 h2 A. l: J}
' F' s% H0 v; T- y8 {3 t, D4 [window.onload=populate( ?7 P( t+ U5 {, L3 J" L

  P) E3 _- H% ]4 A+ R7 Z3 F3 }function scrollmarquee(){4 I: M$ g* Q7 R
if (iedom){( H, e7 p* k/ u- e
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))5 F1 u! k* d$ W( Q" Q
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed' n7 Z* [+ J9 r: Q
else
; q% S& C9 C! `0 f9 n+ tcross_marquee.style.left=marqueewidth+82 I! n/ ?; N5 Z$ q8 n
# i1 Y9 n& C& h3 L& g. X
}
% ?2 g7 _8 q8 N. x  T7 S* belse if (document.layers){: Q- G# l9 _8 |. g
if (ns_marquee.left>(actualwidth*(-1)+8))
) N- m3 E9 k% C" V( wns_marquee.left-=copyspeed$ O0 ~3 S: M% @: V* ~8 K$ {+ A
else
* V! s( |. F4 L: b8 T, Z+ qns_marquee.left=marqueewidth+8
  A' ^! N. X! D. x2 d}
1 F! T2 Z5 K3 \: q) d+ q) a}
8 M& s0 |) `$ h( l7 l( u9 Y& s8 s6 u; ]2 v" B6 B5 l4 B5 s# Y. q' Y/ K
if (iedom||document.layers){
4 K. z, U$ L+ C5 r. Z% pwith (document){
( w' k5 W2 \, E6 z. k0 e2 s: Ydocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
) ~8 Q3 M# U. Z9 J) G# F$ i1 C% @2 \if (iedom){+ }% Y' Z& n: O( [
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')  f% O7 G; x; J; V# s
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
! r! o8 p% T$ m" Awrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')4 q2 P" _2 d0 x8 H- Y
write('</div>')3 r/ i2 d5 C' r5 W% A- u+ J' C- X
}
: i6 Y  V' I, @" B0 ?else if (document.layers){! _1 `+ K' i7 v
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
! v, ^& @; P3 v  v1 Z# C. Dwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>'): D& R9 {6 K) L
write('</ilayer>')
! y& ^$ |% U5 U/ O2 c# n}
3 O: j3 F# S8 D- W5 _6 P# I: ~document.write('</td></table>')
+ G7 r# c  `* @9 Q4 _8 F}! s( O# q" u9 i
}
) K, j' q% @* W6 N1 C</script>




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