网页之多变的图象导航特效

zw2004

<script language=JavaScript>
: L7 i# z" W7 B0 [$ R' ?' C1 Q<!-- // BannerAD
4 `, m, ?+ @7 P; x9 c
8 y( N& d$ K- U, ]+ Vvar bannerAD=new Array();
7 x3 a; Q- t9 x# Y3 B/ }% j$ cvar bannerADlink=new Array(); / R6 N8 n1 J" C( d9 [- K, t1 t
var adNum=0; % t& a: p2 k) K* e- X+ e( D  U; D
//修改下面的图片地址和相应的链接地址4 E! ~4 o) l5 d' U+ J
bannerAD[0]="../../image/01s.jpg";
. f8 K2 m" T; vbannerADlink[0]="../../index.asp";
6 s* e1 e7 }: {- j" V0 DbannerAD[1]="../../image/02s.jpg"; 0 x& S& W6 J* d0 F  m& x
bannerADlink[1]="../wytx.htm"; " h) R$ ~7 b; X/ d! `- F5 Z" L
bannerAD[2]="../../image/03s.jpg";
% e& b6 y, [7 N( C) c$ dbannerADlink[2]="../../sxym/sxym.htm";
- P$ h5 i5 c* f  _/ R8 `6 ]/ w; {! ubannerAD[3]="../../image/04s.jpg"; 8 C9 Z6 f# E" N9 A, Y
bannerADlink[3]="http://www.jzzy2.com"; & @6 n& o: e5 A" ?' x/ L; W1 C4 P- P* ?
bannerAD[4]="../../image/05s.jpg";
) `* w( t. h' ^9 W# \1 [$ B; ZbannerADlink[4]="http://www.cwdcn.com/";
5 U  n" W. k- P3 MbannerAD[5]="../../image/03s.jpg";   k! q( X3 R+ }6 l& G% ^
bannerADlink[5]="http://www.jzzy3.com";
) ?* N9 K/ I' \* q* J+ _
/ k  @8 R1 n( b: U7 _9 _; Q5 Y/ w/ kvar preloadedimages=new Array();
& V& j) n5 j- Ufor (i=1;i<bannerAD.length;i++){ : i% C/ U3 D! [- C! M
preloadedimages=new Image();
) Z& _; ~& y$ b/ Q/ P4 kpreloadedimages.src=bannerAD; ! g$ {$ |( [6 A
}
, n7 z1 F' r. ]
# t% R6 a$ A# X# p/ W: u3 sfunction setTransition(){ # R2 o* }$ H) H2 I( J9 x
if (document.all){ $ r% @! z3 M  W: s7 Z0 ^4 d* T! v& n
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); 5 j9 a4 i3 {, |  \/ ]0 ~, i
bannerADrotator.filters.revealTrans.apply();
, L  W, z4 V. ^0 U6 S' U" G} 3 v- ]8 h5 \9 d9 C. c- g
}
) w; c/ s4 y% l' Z. ^
3 y( o* @& H( `& F& H" Lfunction playTransition(){ 9 @: ^( l+ k: P- L
if (document.all)
$ @  f( Z- `* mbannerADrotator.filters.revealTrans.play() 7 _% q; R6 Q2 F) x; o1 o
} + \' d6 ?$ i; W, t$ s5 t4 H

6 J+ w) X* m9 K3 C/ R; N+ W- K* Nfunction nextAd(){
4 R3 z- z, B& d3 K( u9 J: e0 \if(adNum<bannerAD.length-1)adNum++ ;
6 t2 d& ~/ T, Z% E, Delse adNum=0; 6 C0 O7 F' Z' r2 {4 z; X
setTransition();
4 W  q* B$ h5 t& X/ @document.images.bannerADrotator.src=bannerAD[adNum];
3 l# @9 H" ^- X- dplayTransition();
/ D$ R* J+ n9 [theTimer=setTimeout("nextAd()", 5000);
5 m9 M' \9 {& |7 o- p. `} + ]5 @# q) n/ I* ~9 Y/ V* k

) j0 d! U+ L2 l0 \- q7 e* F+ Tfunction jump2url(){
* v' u8 k; Y; a9 `# NjumpUrl=bannerADlink[adNum];
( U2 e( m) Q8 pjumpTarget='_blank'; * _7 D" n+ k" J1 B& S' p. h7 Z
if (jumpUrl != ''){
* ?$ ~$ M, G* o& ]+ u- U% {if (jumpTarget != '')window.open(jumpUrl,jumpTarget); - c: X2 _0 r& l) h5 N" p5 [
else location.href=jumpUrl; 1 Z% S" \( L7 L4 m7 Z+ y5 r7 c
} % W8 e, _3 L4 [9 X5 H: E1 ]: i" g$ h
}
8 c9 Z% `5 h; b$ z1 F: B; t# c& M6 ^function displayStatusMsg() {
4 r. i" u' v1 T, ~8 Wstatus=bannerADlink[adNum]; ( W7 F. a& ~) f' U* }
document.returnValue = true;
- j+ }2 W) q7 K# J}
2 l+ q& `9 ~% {0 m
$ E$ i& ]: l1 S# d7 m- |1 K7 r//-->
# s3 g& z0 x4 F7 A4 P+ O  T</script>
9 T+ e1 e% |/ r4 Q: t# R4 k//修改下面的图片的宽度和高度、地址
' r4 e+ ~1 F1 x* L- I1 R<A onmouseover="displayStatusMsg();return document.returnValue"
6 ~+ _: R0 L  R3 hhref="javascript:jump2url()"><IMG 8 R8 j; J9 v. q0 T, M$ a$ y- |
style="FILTER: revealTrans(duration=2,transition=20)" height=66
( E& ^* S% k) m' }, Fsrc="../../image/02s.jpg" width=400 border=1
' \* D4 Y# E( o: O  h$ D! `name=bannerADrotator> # @: m' u4 _" p( n6 f1 f( F
</A> . I% \( l) U1 P# P6 t" U
<SCRIPT language=JavaScript>nextAd()</SCRIPT>