Board logo

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

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

//修改宽度
0 g" `+ ~, J5 R: `9 K9 W1 r9 y. {- Evar marqueewidth=300
2 [1 _9 V, s/ D  G9 O& z1 L//高度, V: j. H0 _6 {% z% o! M( p' q
var marqueeheight=25- v" ~5 w- ?* {/ J6 m! A
//速度(1-10)* W4 |/ j6 @6 @
var marqueespeed=36 [5 C+ {$ ?# i
//背景颜色& v3 x& Z! F! L# o
var marqueebgcolor="#FFFFFF"
0 T7 P  A0 S: T0 U/ P" e//是否能暂停 (0=no. 1=yes)?8 e1 z1 e2 g4 r% H. J# B: }3 X
var pauseit=1
0 A* T8 l: S$ v+ X$ V0 Q, B
/ x) {+ Z, V/ T8 [. f! q- m0 w6 W$ a& r//修改显示内容8 P% C! @/ ]4 U. k
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
0 h1 P" b  m7 `5 d& L, e
+ l' f* y2 q9 \) M9 R( O) B2 Y
" [  Q, h8 G& ^, T! r////下面不需改变////////////4 \+ h% p: ^; e$ h+ C% u8 u' B
% r/ }- V/ `' F3 ^( X% K
var copyspeed=marqueespeed: X8 ]" o/ J. @7 v- L8 |; y+ x
var pausespeed=(pauseit==0)? copyspeed: 0* S" F# A# h( @
var iedom=document.all||document.getElementById* o& T8 k  H& z$ E
if (iedom)
" q, H, I% K2 X4 e6 H& k) \+ zdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')$ Z7 l6 a# K% C- a/ C- H% [
var actualwidth=''
* p; q4 ?2 I9 ~" u. j; X8 hvar cross_marquee, ns_marquee
! g- n# X( Z; z6 |$ }# E* ~+ z& x' f, p. \5 Z# Q5 c  b
function populate(){
+ F! K. ~+ A0 t' e9 h% \% D" E6 tif (iedom){
+ V! r" `8 ~- l5 p' Fcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee; _4 e2 p; {) _( h
cross_marquee.style.left=marqueewidth+80 Z. Y2 z5 L+ e  F6 @
cross_marquee.innerHTML=marqueecontent+ @0 Y- u' h, [: K1 k; a
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth. ], f1 e; f" m# F" l7 `! z- i
}4 O0 l! [/ G" O% [
else if (document.layers){
$ j5 e  O. P9 x" w# t( Bns_marquee=document.ns_marquee.document.ns_marquee2
9 \6 o1 Q' \5 X; B  Ans_marquee.left=marqueewidth+8
% n9 j* f8 o2 I0 p7 Nns_marquee.document.write(marqueecontent)% {7 ^& \, g* w  E
ns_marquee.document.close()
* f+ z$ o* }6 _3 u. b- w/ F+ v7 Nactualwidth=ns_marquee.document.width
$ X  v( d6 A) U}
% V& F  H+ d) C: J6 xlefttime=setInterval("scrollmarquee()",20)4 B9 I) m# b5 k
}
0 h8 K0 ]6 e2 xwindow.onload=populate& Q1 Y9 ~7 q! R8 ~- A6 I
' N: T: _# m2 y& I, d: |/ N- {9 V
function scrollmarquee(){5 ~8 u' Q$ J2 C
if (iedom){) K( x7 t# ^$ Q
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))& n3 A! ^6 C1 L5 w+ p
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
* p* h4 U6 _: N: `  C9 V2 eelse4 @% g4 F; z) X3 Z
cross_marquee.style.left=marqueewidth+8) ?0 @1 g$ |$ Z( A7 \
8 U( a8 p' l2 w9 ~: z8 H2 G. }
}
  v( _3 {# E* b7 ?: D5 t6 {# X# melse if (document.layers){/ T7 _5 Z3 L# r4 I
if (ns_marquee.left>(actualwidth*(-1)+8))
" i% h+ b$ s7 j8 I. F, yns_marquee.left-=copyspeed
* \- |/ Q/ G% k: }else
6 R6 j- s: X3 C2 o. [) Wns_marquee.left=marqueewidth+8% }! k/ B- E# r& D
}
, R2 Y# F; W! e}! Y# V3 U+ t  T. q; g3 g
5 [1 l( e; ~# V8 [
if (iedom||document.layers){0 Z/ E# H9 q' W) c0 c  \. ~) f' p4 m
with (document){. V. ~1 ?' L% V6 w5 s
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
$ K  h  C' e: O$ r$ y# J3 Tif (iedom){" d! r6 u  q; y' M3 G* i
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">'). ?! [9 X, `! o5 q3 h+ K9 d- N
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
" f+ n6 w# l8 y! ~write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')1 e5 g4 C+ m8 s. c/ J
write('</div>')
+ x' @. ^8 y0 ^3 Q% z- d}- [6 H) V: v& P7 d
else if (document.layers){
8 I! {8 I, Y4 Y4 O4 `  L6 Ewrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
/ K4 U+ p9 n# B) x6 Z+ m3 U  Awrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
* b& H6 m0 D7 t8 Mwrite('</ilayer>')8 y9 ~! w7 }+ B% I' w
}2 I9 N5 }- o4 K4 P1 X+ G
document.write('</td></table>')
$ Q8 u3 w* W: C- n$ _3 A2 T}
5 t3 l% b9 D9 i+ I7 j}
- _( b6 S  W! r+ ?</script>




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