Board logo

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

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

//修改宽度
8 o5 z* }' e; Mvar marqueewidth=300
, `* c0 N6 _( ~//高度$ w; ?4 E& S9 W7 J9 ~( {
var marqueeheight=25
5 X$ ]( A8 r: N4 o8 i8 H( ]6 S//速度(1-10)3 d, |( I! A0 e1 y  }" ^; C4 s
var marqueespeed=3- L% r5 y( V8 u7 _; ^; G7 N0 W
//背景颜色
7 G7 H6 R  p/ {3 y+ gvar marqueebgcolor="#FFFFFF") B( K( z! D: J
//是否能暂停 (0=no. 1=yes)?
& g2 n. J9 v0 l( _7 A: K, bvar pauseit=1, r7 W* {% p5 k+ I
7 W- @& s. Q$ V# Z; _) W9 W. Q
//修改显示内容6 `1 T1 F: B1 b: i
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'  Y* G; r- f( h2 D2 d
- Y1 g4 r+ e, A! {: k; K
% e( W! W3 ]- B: H4 F
////下面不需改变////////////
: Q/ c4 ~  V! ]4 P: d% \1 U
3 J* A: e4 B: P- ?, Y5 Qvar copyspeed=marqueespeed
& }& E8 v& p8 h, Jvar pausespeed=(pauseit==0)? copyspeed: 0
. B$ [2 }( d# X# y! ?2 {$ e- tvar iedom=document.all||document.getElementById
; }$ G/ W# M8 aif (iedom)
1 E# ~: d, X/ W# _document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')! f) `: B9 X1 t+ b/ Q& {8 f
var actualwidth=''5 ?7 m& D0 ]0 B4 C6 q% `
var cross_marquee, ns_marquee' S8 h% b; F4 Y* k  n( o
$ L# m3 P" V0 @
function populate(){$ y% j! V' W% h" d- u/ W: P6 p/ ^
if (iedom){- |5 B* R$ Y/ B
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
2 @9 Q6 n$ j. j- Wcross_marquee.style.left=marqueewidth+8
( D" j  h: A5 J6 k7 Across_marquee.innerHTML=marqueecontent! f8 C( P0 m4 H  S0 s1 P
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
! i& H) u8 q+ I}6 d# L1 i3 T. R. z9 \! e: ]2 |
else if (document.layers){
2 e7 {" d# c; ]2 C. e) Nns_marquee=document.ns_marquee.document.ns_marquee24 n7 c6 C1 F+ q
ns_marquee.left=marqueewidth+8; w' n, M% x# C- E* i4 ?
ns_marquee.document.write(marqueecontent)
9 H8 |) ^) `  L0 C" o9 @ns_marquee.document.close()& ?( O6 ^# ?& R/ N8 |  T
actualwidth=ns_marquee.document.width
" n1 R# C) R+ X, Y  Q* q}
( n7 Z% H2 a* P( _/ ~9 h1 Ylefttime=setInterval("scrollmarquee()",20)8 @$ m, u+ ~, N) c* y
}* V) z5 L3 T3 t; [. h
window.onload=populate* M$ N# Q: F5 b  ~: Y

$ i" X  W' J6 zfunction scrollmarquee(){! {. S1 k" h; G8 V& c' |8 P+ j* P
if (iedom){
' F3 N4 `/ g/ Iif (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
+ \( D' \8 ]: L$ `( T+ Mcross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed- S* u. S/ w3 w8 Z
else
$ ?: ?8 P& F2 E0 [  o& X# Ccross_marquee.style.left=marqueewidth+8
. f/ }9 m/ t" @1 U  I5 ~6 g5 n, L; k9 B/ d" w0 V, ?
}
1 f2 X0 r. p6 q  C& e7 [5 W2 ~else if (document.layers){3 _7 o9 t5 c' P5 Y* v. R+ I
if (ns_marquee.left>(actualwidth*(-1)+8))
8 g- J( \6 M% N- O6 K& p' Yns_marquee.left-=copyspeed
% b) N; J& Z* melse
6 g; p6 R9 B" x! H- c" D6 Y6 E4 P. @  yns_marquee.left=marqueewidth+8
# `% ?- B  D# x9 R3 e% C}1 a: s$ E1 w6 A+ V3 R3 S7 z5 @  v. |
}+ R8 }& B! k! I
8 m0 H1 q, U" Z, t( X2 v3 ^8 C. ~
if (iedom||document.layers){
% F' g0 K7 {1 o! nwith (document){! C! @1 u2 {  w- P/ g$ D( Y1 r
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
2 |$ o0 t, W  {% d% l* `8 mif (iedom){( t" e5 l% Q% g$ u7 Z' u
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
4 t9 T+ y9 [, twrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">'), i, u# E0 w4 B- M9 @
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
9 Z1 O+ a8 S2 N' v5 Mwrite('</div>')# o& ?/ ?% g; i7 E6 ?
}
, e. W9 H" w# k* melse if (document.layers){
2 G! S8 @# R0 z9 {1 J/ E, |. {. ywrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
& \. n3 q9 B- X: twrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')4 T  H9 U- @% W) @: ^8 V
write('</ilayer>')) T0 i( G# `! w' x6 f: T4 E4 v
}
4 I: s$ `1 R  ?6 o+ ydocument.write('</td></table>')
8 C' ^1 x6 ]1 ?3 B8 o0 i}: Q% `. c. Z( F  a( E
}
9 [* G3 Q/ E9 Q+ ?( t</script>




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