Board logo

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

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

//修改宽度8 d8 U5 c! @  u4 ?  c% U# @
var marqueewidth=300
* v: T3 ~& r6 X% h5 {$ `" o7 P//高度
+ X' `9 Z: A9 Z9 ]1 Rvar marqueeheight=25' j! x  l5 j7 y6 ?6 ]1 Q
//速度(1-10)) h* E5 e0 I1 X) ]: n
var marqueespeed=35 \0 ]  v4 S: Y" G$ o
//背景颜色- y- d6 U0 L; |
var marqueebgcolor="#FFFFFF": |8 _) _1 F; s8 G9 `
//是否能暂停 (0=no. 1=yes)?* L7 S! O# x  T: x2 I
var pauseit=1
, i+ [  ]2 [2 i/ i3 x; O; h; @' z1 r+ H8 q7 M$ D* e9 B' T5 [
//修改显示内容
" V2 m- T6 [4 v/ g+ Dvar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'% T. B" [/ [3 e

2 x& g3 W, g2 S9 r6 {7 j3 I+ m2 l6 o5 d4 S# c* ^
////下面不需改变////////////
$ }$ X/ [' ]; S! d5 v: d+ Z, h4 V0 L6 {
var copyspeed=marqueespeed
% t1 e  D/ E* T$ Ivar pausespeed=(pauseit==0)? copyspeed: 04 b6 A; w$ }. e8 D
var iedom=document.all||document.getElementById2 ~+ y* O9 q4 Q  `0 ~9 S( n
if (iedom)
: ?' }+ V$ A8 B7 a/ }  Y; pdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>'); X" ?  R4 Y9 q
var actualwidth=''* q' ?" e) U5 s" C" ~* T
var cross_marquee, ns_marquee
& D. u% F9 j8 x+ v4 Q  J
1 R7 ]; f7 C8 E+ u0 _! }, q  b7 c0 Ufunction populate(){) u0 P6 Q' J4 h# A% f/ b' N' a: b
if (iedom){
4 U# z" Z/ E8 o+ T9 V/ jcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
" }$ u2 u( O5 Z! Pcross_marquee.style.left=marqueewidth+8
! p- L7 U2 ^# A9 f, y" Qcross_marquee.innerHTML=marqueecontent
& D3 a$ h7 q% M) V1 f( lactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
5 ?  s) T2 |- y, ~/ o, I' ~}
) y2 ]* K7 ^+ `; L3 n6 @* K" felse if (document.layers){/ v; \9 y: i  Q) M/ v! ~. g
ns_marquee=document.ns_marquee.document.ns_marquee2; [2 h  M. ^3 c$ Y- u) q
ns_marquee.left=marqueewidth+8) P+ M" }' ?% [& F5 F! I
ns_marquee.document.write(marqueecontent)! ^( N: b  `: h
ns_marquee.document.close()
3 c6 Z% Y- l9 k1 ~actualwidth=ns_marquee.document.width
4 l; X$ @7 Y/ U* x" k" ?3 k}7 G% U! x. N' p5 Z/ n
lefttime=setInterval("scrollmarquee()",20)
% Y# t& s- m/ j3 K/ D}
; s; r" D8 {  ~! ewindow.onload=populate
+ a: S% |8 t9 R8 i- q
) v, N+ x  V2 A  j9 [6 Tfunction scrollmarquee(){6 w6 L# i. J7 d* Z8 e) D! V
if (iedom){/ K$ c8 {' e3 F1 _+ f4 k
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))3 }: i3 j/ U  K
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
+ ^. t& ?, p& ?& b; ]' i2 pelse
% D+ i7 s3 A6 _cross_marquee.style.left=marqueewidth+8, b9 G( Y4 V/ T& [. N

# T, M, ?4 C4 d. ~5 A; Z. I}
- `6 W) q9 J4 @) s  g9 ~* }9 u( Yelse if (document.layers){! J$ J7 [4 x( t1 b; F( B2 d
if (ns_marquee.left>(actualwidth*(-1)+8))' }. }' E+ ~9 Z
ns_marquee.left-=copyspeed
: g' H: S6 l7 V, oelse$ X) m2 }* \, E
ns_marquee.left=marqueewidth+8
/ G8 h  F7 p2 a# x}
& L! M7 l9 U; Z% `; Q; d}
6 V" q" I* V3 c* u4 V" d4 x0 u6 E" l* F% D) I, ^
if (iedom||document.layers){
3 L6 X- V: \& [# lwith (document){' i$ `; g8 x0 ?7 P7 n
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
& B' _+ U+ K1 C; N8 ^4 Q  E! r- Qif (iedom){+ A" m' n2 a# H! I
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
# E2 b2 t! ]6 g( G5 }write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')8 v8 a2 N7 Z5 x- r6 ?" v3 I
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')2 ]3 X/ V+ j/ X, f) p0 [8 X" \
write('</div>')
" f' B) f% E( \; z; n) D; s}
8 g% s2 P, Q  y# ?else if (document.layers){% c7 |0 p2 @" Q4 f2 {
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')' w! v( i7 ]+ l9 a# _! s9 l3 g
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')8 t" Q( G; ]; m: O* L) F3 ]
write('</ilayer>')7 b5 Y" e! z  [+ {+ ?! y9 k+ |5 v
}3 P- d: N0 D# i4 Y% r
document.write('</td></table>')
% G% h' n. X. x}
$ A% ~) z  m* l- V2 e7 [( ~& B" r; J}$ |# E0 |/ W8 l( w  r5 _
</script>




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