Board logo

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

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

//修改宽度  h2 @9 O( v, N5 {7 v
var marqueewidth=300
1 v$ r1 |( ^! a7 n; M4 |//高度' z+ s) v7 v7 S3 V2 c, W: e; o/ k2 o( E% J
var marqueeheight=253 X7 z- U9 n- ?! P4 z. U9 b
//速度(1-10)% @9 S, g! I! B+ d
var marqueespeed=3/ b/ _+ M0 E: T* S0 \) w7 z) W  R( Q
//背景颜色
0 N: S8 K3 g# e. E1 ]var marqueebgcolor="#FFFFFF"5 n. a8 [+ I- h! P$ o# R
//是否能暂停 (0=no. 1=yes)?
  P! u2 o( \: T4 `  }9 w" zvar pauseit=1
- p! C; f7 R) Q/ o
7 d2 X* I- b$ r//修改显示内容
; B# d  x3 u( g) }var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
3 |7 ?+ N# e- g, g- e" e, V' P& F7 s# P  t% t

6 z" X3 G( w) I! i! V////下面不需改变////////////
. S7 i$ u) \" Q' b( W$ n: ?9 W' q7 z) g
var copyspeed=marqueespeed6 ~7 Q8 P: i5 J; z2 l) p$ [
var pausespeed=(pauseit==0)? copyspeed: 01 \; c0 D- C, e. P* ^2 @  b" U  L( {, W, C
var iedom=document.all||document.getElementById
% p6 w6 O& J& q7 Cif (iedom)
* v& y( D$ p" c7 Tdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
- M5 a4 l0 X, A) s4 bvar actualwidth=''9 ?% E0 k3 l" l( d' x( C  W- m: D
var cross_marquee, ns_marquee" Y" K" x0 M2 O
/ F* S' z, k/ @% q1 l" W" u
function populate(){" S. {! Y" O  C+ [' `* B
if (iedom){
' l# N4 l! q; T& E8 u7 Y, |0 rcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee! X) D9 V) D: z5 f  n3 J3 y
cross_marquee.style.left=marqueewidth+8
0 Z) E4 o9 a6 |! U6 G# d/ F9 ncross_marquee.innerHTML=marqueecontent
/ `% p3 n. B3 o8 ]  i) v) X4 z& kactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
" @' @" u5 f! [- ?}0 P0 q7 h# V" z: C
else if (document.layers){  p: A9 l8 k  z' x; a% ^5 o
ns_marquee=document.ns_marquee.document.ns_marquee2$ `8 z; j4 H- _! L  J. n; s
ns_marquee.left=marqueewidth+8
, I! p% m8 S9 a  ]ns_marquee.document.write(marqueecontent)2 p- n2 ]9 i4 B6 v( ~  |  r1 M, w
ns_marquee.document.close()
4 l7 }7 q1 O" q, X" [, h6 mactualwidth=ns_marquee.document.width
: n) O# b) n- U+ L4 W$ G}# f: y# \; }" C9 P: e
lefttime=setInterval("scrollmarquee()",20)
& g( X. B' L4 c}
( I8 s$ _8 [6 y+ dwindow.onload=populate1 M* u/ a; J1 x0 l- z' w
1 ~' ~1 G0 R' }  \% W9 ?6 ?
function scrollmarquee(){
$ h4 n1 `$ k# s( |if (iedom){
. d0 h1 m7 w. @% a1 p% k+ [) ^% oif (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
$ T8 r& d+ ]& x1 scross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed- {8 M" F! Q- `
else: F& _9 x8 E2 K
cross_marquee.style.left=marqueewidth+8
8 f. b) G7 b- k) T( h! c/ \. @% q* I, ?( @
}& ]# ^% F1 m% A8 c- w" ^
else if (document.layers){& y- }0 m$ Z+ g5 b! j& s' s
if (ns_marquee.left>(actualwidth*(-1)+8))# @3 u& z* g: k6 G0 e. J+ c: n
ns_marquee.left-=copyspeed
) q0 \$ v4 q6 D# n  R$ ]1 ^else
, c% Q% T' V# k0 V( L  }$ F$ jns_marquee.left=marqueewidth+8
, t3 P1 I* R2 Y. B$ U  F( Z}
& r* @, H' N! e' L}6 @" P, e9 ^1 q% ?, z* }! t5 u; B6 a8 L4 |

3 E! @$ O" N) l& p: D- v' dif (iedom||document.layers){# V& y+ }1 n; o/ n5 G
with (document){
: ]! V( `( c  u/ ]; }/ ]document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')  `" `7 S6 U! n( ^  ~, C
if (iedom){' D! |" O" Z7 X% w$ @& K! C
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
! A2 i. S5 l  cwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')' z2 n- H' S7 _, `( N+ m
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')# w- |6 d7 t# O0 |5 y& V/ }
write('</div>')6 y$ j* b+ U' _2 I6 o! k
}  e; B. G' s! f/ d/ u
else if (document.layers){
- i3 Q% O) D# D0 m- @write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')* z+ h( M& p) D+ t6 y) g
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
4 O" E5 S3 f& c2 T6 s. v, W! n1 Qwrite('</ilayer>')* [3 K9 i# l) A% m# }, j3 j6 O4 h
}' x$ k5 r7 r' v' A: f! P: p; c* X
document.write('</td></table>')% p  Q6 E4 W: J' \. e0 M' \9 N
}
+ e3 Z/ M5 f! O) p, ]) C}
$ |' k) V5 M. V</script>




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