Board logo

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

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

//修改宽度
2 {, N0 @. @2 ?6 Dvar marqueewidth=300
- h) j  h6 u  L- Q" G2 C//高度
$ B/ h# L# P8 T' F7 svar marqueeheight=25
2 b- I3 j# M( h, k5 w4 i. N2 O//速度(1-10)
1 \& J# q8 r3 p! {6 v' Cvar marqueespeed=3; X- t5 I9 N6 O3 c
//背景颜色
, m* F2 p5 y$ K) E, a, vvar marqueebgcolor="#FFFFFF"" |3 R& C! P5 k7 Y
//是否能暂停 (0=no. 1=yes)?9 B8 ]7 z7 L8 q! ~$ w+ }$ D6 z' Q
var pauseit=1
- x+ P+ C6 w! b
/ d. G' T; e! f' d//修改显示内容
) n' v2 Y0 z5 Y) ?: Rvar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'$ q  I/ q' ?1 Y: P# E
; v  L' @- {! S2 F' g
  h: C. x0 J8 Q8 A% w# D( b
////下面不需改变////////////) \, O4 Z1 o5 r- J% W8 c2 Y8 g6 {

- i& C1 o! e9 tvar copyspeed=marqueespeed9 u5 Z  L9 b" r) }7 i* ?
var pausespeed=(pauseit==0)? copyspeed: 0" p% W' ?5 W+ v
var iedom=document.all||document.getElementById
3 \7 B0 S1 M% q! Yif (iedom)  A$ V( `1 f  ]: n
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')' R! a. m& Z  {! N1 q  l! i
var actualwidth=''
* H- T' O. h0 x& f2 J( `& wvar cross_marquee, ns_marquee
8 H- _! Z0 X( N0 Q" J1 l8 S) l
! ?. Z* W+ ]# J  A+ Zfunction populate(){' g( Q  ^/ V7 j) l& d. ~; v. q# M
if (iedom){
0 O3 S- ~  _2 ucross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
. ^6 Q4 [* V* F! N1 l# Xcross_marquee.style.left=marqueewidth+86 F7 G8 h/ q; a3 T; h
cross_marquee.innerHTML=marqueecontent; F" z3 B1 a; Y6 w8 E5 m  }2 ^$ X
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
& H! i$ _; E, S* v( ?3 `0 p0 z}6 d5 F! X0 i5 b) y. {
else if (document.layers){0 ]- b6 t. y' G% H
ns_marquee=document.ns_marquee.document.ns_marquee2
& U+ E3 f2 Y% ]/ `  ?ns_marquee.left=marqueewidth+8
. y% B' e9 z  S4 m& Q, L" d; Ins_marquee.document.write(marqueecontent)
& e7 q  a8 b; s2 Sns_marquee.document.close()" A/ C: g/ |8 r) L3 u/ |5 p. k
actualwidth=ns_marquee.document.width1 f& M* K! g/ d6 Z1 w$ B9 f
}
6 N7 ^! I/ T4 ?# ?% clefttime=setInterval("scrollmarquee()",20)
$ \* v+ J: j( s4 v3 A4 S/ |}% e0 X; |$ G8 x! k3 Y
window.onload=populate
* ]9 N+ K  L: U5 Y9 P5 k) ^. z, x# g, k1 J
function scrollmarquee(){; p5 ^, C- z* i# R6 _; f$ G
if (iedom){! O% l5 h2 d2 Y
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
+ C* n; k9 C) p8 Dcross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+ R/ T) t( U! Q8 L
else
0 y2 {- j' T. k/ R; s8 c0 O! Pcross_marquee.style.left=marqueewidth+80 {( s& N* H% B

7 z; R, _2 V3 [' l2 j, U" j# c% y0 N}0 U3 \. b$ V5 s$ j$ z$ V
else if (document.layers){* M$ z) O4 N7 G4 C: ?+ q! n
if (ns_marquee.left>(actualwidth*(-1)+8))
+ j) H9 b& U; a) C* e: H2 v: {, e! Nns_marquee.left-=copyspeed
2 [: f, d$ ~' a* c- u4 x0 {1 @else
! }9 Z# }& Q. T& P8 Y' v2 Ans_marquee.left=marqueewidth+8
2 e+ L; V1 }/ P9 Q}0 X8 c7 l3 M) Q5 V7 K
}
* z4 M/ L9 f5 x8 B4 i9 Y1 ]; w: S3 g
if (iedom||document.layers){
! S/ I$ `+ ]/ o, y9 P6 ~7 k/ bwith (document){, H1 I, T6 C, V/ U
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')7 }! R! E) q  u  [
if (iedom){
5 t* e6 D  [% ]$ |% G' b, i  ^6 ?0 ywrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')! I# p! z$ O0 Z' @7 a0 c
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
+ B$ d- n' S. s3 twrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')2 g5 {' ^+ b, S4 n; B
write('</div>')  Q+ |3 r3 C" l! l7 H' l
}
& `& @* m) q4 I/ ~. C) f# ^. Uelse if (document.layers){+ I) k5 r7 }7 k6 J( G% G* ?7 L, ]
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')- g6 }# `/ K5 [9 n7 z# M! D
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
3 o& I% _2 |% swrite('</ilayer>')1 {9 f" Y! _1 P( U  Y& m6 U) Q
}
- w* u2 [8 H4 s4 `% Kdocument.write('</td></table>')
6 m  p- N( K7 X. t}+ }+ |3 q1 x9 M. t; d1 j
}
( S" _6 H3 t8 \</script>




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