Board logo

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

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

//修改宽度% t9 _  O& K, J
var marqueewidth=300, u* `& z4 E! n! ?
//高度
$ I/ B2 V% e5 }0 e$ lvar marqueeheight=25+ V* o% |6 Z- y# z; Q+ z! q
//速度(1-10)% X& a1 m5 M; x; e
var marqueespeed=33 {( M' R" r8 a5 Q- [
//背景颜色
  V! J0 ?* m' T5 \+ Q, q  O' Pvar marqueebgcolor="#FFFFFF"
, L$ t$ ?' v4 m) J; {6 ~8 _//是否能暂停 (0=no. 1=yes)?
1 S! F9 x5 z6 Zvar pauseit=11 A4 N' o6 U2 U8 E2 I: s1 S, y! H

0 t' [1 ]+ k$ Q//修改显示内容  z8 l1 |5 `4 q2 p6 ^/ H+ e7 s
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'0 J0 p: s- N  p: n' }5 E& [* s7 h
  W: m7 `4 z$ v# P8 Q

, \4 I( e1 V/ d2 o/ B, ~/ a  V////下面不需改变////////////
  d' o- R* m$ X5 q# N. _4 |
9 z( q  o9 R! A3 p- d, |7 cvar copyspeed=marqueespeed6 f2 i* d( \* Q4 T6 ?, \
var pausespeed=(pauseit==0)? copyspeed: 0
8 Z' r; s  X' @5 jvar iedom=document.all||document.getElementById
- F/ z! p1 p' c% G4 pif (iedom)8 J. s5 o* f# _1 h, o3 K
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')8 G/ x+ Q) \, v2 I
var actualwidth=''0 P+ A+ V7 P" Z8 d" R' a
var cross_marquee, ns_marquee
* T6 V5 R4 i& N7 p! y- ?0 V$ T
, p, W5 _/ e. Hfunction populate(){
3 T& G  V) d+ o, r! r; zif (iedom){7 q5 {- I+ V/ q" k" i1 E
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee/ p# f' [4 ~" j2 w9 D/ P) U
cross_marquee.style.left=marqueewidth+8$ H6 J4 F* k5 K8 m2 K( N, [
cross_marquee.innerHTML=marqueecontent5 ]! L$ J' T. P0 L6 T8 u
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
" f/ t) D  ~9 L) g5 j. `/ n}7 o7 c! ]* s+ v3 c. R/ O0 \
else if (document.layers){
# @4 j- N6 o8 ?$ H9 |$ Z/ Rns_marquee=document.ns_marquee.document.ns_marquee2; a- Q% S5 z* v- j0 D! f
ns_marquee.left=marqueewidth+8! P* y+ F5 T4 V5 a. q9 t
ns_marquee.document.write(marqueecontent)/ Q. _* @0 p! {+ s
ns_marquee.document.close()
3 g' Y( S& C' \# {8 ?% ?' wactualwidth=ns_marquee.document.width# \+ R  i4 R5 t
}
# X/ e1 T% ~3 }) A% B5 u9 Wlefttime=setInterval("scrollmarquee()",20)
, Q" M( ^0 ~5 u! W% z# D3 C}) I% a3 Q6 j3 B2 X9 I
window.onload=populate
/ x( Z4 N3 m% p3 g4 c" T# R/ ~- z0 l# n  @  [
function scrollmarquee(){: u: o# Q8 S+ d; U  d) i/ ?2 o
if (iedom){0 [* u/ x% d5 U: L
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
( J7 f8 p7 Z) g6 t8 N; [/ Kcross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed" _" B8 ^- H5 ^, Z
else
- m$ c& i- i& R( y5 Y* Q' A: Wcross_marquee.style.left=marqueewidth+8% u  y3 H9 \5 ^) v& ]4 ~
" A9 E. B7 ~2 Z6 B+ e7 g& G
}
$ v4 g, [5 {' R5 s# melse if (document.layers){& K) _* e2 Q6 Z! y* ~) l  Z
if (ns_marquee.left>(actualwidth*(-1)+8))
9 `# R0 f' `4 o# L* Jns_marquee.left-=copyspeed
) |  i7 p$ b/ W; k' Helse
# C1 _! ]" s" q5 M3 xns_marquee.left=marqueewidth+8
2 \9 b: [8 g; V}
- D1 n( _; ^+ U- q( H* @7 A}
* T0 k1 {. q0 ~; v4 J( D4 [4 T; {0 @$ t8 r4 |2 e
if (iedom||document.layers){1 R9 `3 i( k( I1 |
with (document){) e7 k9 s) V6 ^( I' n
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')) y: B7 `4 W7 {- ~! f" z1 D/ N% Z
if (iedom){
7 T( o! i+ z4 M  Hwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
( \$ y, @& z' f% A! c2 iwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')4 [8 a* R8 ~1 d0 s2 R+ W
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
7 N( G& f0 T! l! P; R# Vwrite('</div>')8 m- k% w1 o2 v5 I
}
8 K( k; g" A+ y  Pelse if (document.layers){; U* k  r; {% o
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')! ~2 |) e, |/ {% B, H3 K. n6 g
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')4 ?5 Q5 C  m/ ~
write('</ilayer>')% z1 s. r$ u. q6 l2 _) Y9 ^7 b
}( C5 s% z: g3 g. R' r
document.write('</td></table>'). \# C5 x& w  c5 _) `0 k) {+ K
}
/ s; Z5 u; ]9 {# i}2 S; k6 k' m/ [9 S) ]6 [+ [
</script>




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