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

zw2004

<script language=JavaScript> $ h+ L: [3 C8 Z) k5 S
<!-- // BannerAD 6 x; ]. E: X- @2 Q1 y7 a, [1 t

  l6 c1 `0 O: s5 f2 }+ M6 rvar bannerAD=new Array(); 8 W! V# u# O& i8 Z& W/ }  W& K
var bannerADlink=new Array();
( c7 ~! C; b8 V, P# tvar adNum=0; 4 A7 E9 z* }$ z/ h1 x
//修改下面的图片地址和相应的链接地址2 h" ]5 d: x4 B6 R- X/ k% S
bannerAD[0]="../../image/01s.jpg";
. C$ Q! c! I: {" _bannerADlink[0]="../../index.asp"; 0 g( }$ N# }( }7 d; z, v
bannerAD[1]="../../image/02s.jpg";
. f. O' w. F7 L! Z- s; Y0 X( R2 v/ zbannerADlink[1]="../wytx.htm"; 3 P& c3 J3 M8 `+ w5 d# `% \' B
bannerAD[2]="../../image/03s.jpg";
, N6 }' h* K0 b. f/ G* Q& l, KbannerADlink[2]="../../sxym/sxym.htm"; 8 ~$ Y5 p) p, j- c; P& Z1 _4 z
bannerAD[3]="../../image/04s.jpg"; # g: \& |1 O* k$ i, A9 o2 E  ?
bannerADlink[3]="http://www.jzzy2.com"; 4 q; j7 q$ V! r% y: m
bannerAD[4]="../../image/05s.jpg";
, A" L5 f8 _; j% [  ]+ {: HbannerADlink[4]="http://www.cwdcn.com/";   S0 t/ b2 T) E3 J) m
bannerAD[5]="../../image/03s.jpg";
2 o( p+ T; T1 |' [1 abannerADlink[5]="http://www.jzzy3.com";
8 `" X4 d; g+ \  }5 i# y
% K" ^& o( A* g, ]9 Vvar preloadedimages=new Array();
  U: y" }* Q! {/ _5 L; _% O. e- X. yfor (i=1;i<bannerAD.length;i++){ 4 D+ I9 S- K" g% u8 R' g
preloadedimages=new Image(); ' G; j& o  K' N3 H, r/ k2 K
preloadedimages.src=bannerAD; ( n; ^: S4 l. n
} % M6 o" s6 F( u4 B2 H" V3 i: s
, t& [/ ]8 {' V8 m+ e: p, O
function setTransition(){
$ o. b" t( ^8 {# s* Q1 L, Q- Lif (document.all){
& S: d5 |6 o7 E- R! ^bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); . h5 n; |& _7 N. u& i+ M
bannerADrotator.filters.revealTrans.apply();
9 t' W5 W% n3 t3 D  T' f} / b; b, F2 [. l  S
} ) H& Q( R! W4 k, \) {5 `; \

. o; ]# H3 I6 k0 }5 }3 D$ \function playTransition(){ 8 k% ?+ _/ t( D5 V3 w1 O
if (document.all)
+ p" t) T# d; Q; P, pbannerADrotator.filters.revealTrans.play()
* |- K* e1 F% B( c} 9 ^7 k% g* t5 N: j. q" `

% F1 f- @5 |" U4 ]8 vfunction nextAd(){ ) ?% v4 a( B2 F/ \
if(adNum<bannerAD.length-1)adNum++ ; & W0 U- c' h5 W" b' d  E0 L# n3 B
else adNum=0;
* h" L1 f1 i! U7 a. p" IsetTransition();
6 C! {: L& [0 K. H& y9 pdocument.images.bannerADrotator.src=bannerAD[adNum];
! l8 h3 V6 D& C* X8 v9 d- FplayTransition();
* U  g+ e( w6 ztheTimer=setTimeout("nextAd()", 5000); $ f3 X% c1 l% m0 e  O
} ; @6 i: q; o6 _5 h. Y" \
  M9 h9 c' X+ ]4 D6 N6 z8 j0 b
function jump2url(){
! f" u  ~2 F5 CjumpUrl=bannerADlink[adNum];
$ P( @9 v5 ^$ ]) D: XjumpTarget='_blank'; # a) T& E+ T0 Z, U! L) O/ K
if (jumpUrl != ''){   w8 v  V7 }  `! ~* n! }
if (jumpTarget != '')window.open(jumpUrl,jumpTarget); ) X( n$ b6 @/ I/ `( T
else location.href=jumpUrl;
! N! w/ z9 o. l} # _' z( ?" S! L) ~: O, C
}
/ F" j. F# p5 p/ |1 j& K7 Z/ cfunction displayStatusMsg() { ) N* r' Y, @& T: d
status=bannerADlink[adNum]; , e/ S' E7 a  t/ ]. ~. ]
document.returnValue = true; - s% m; c' v# ^& W% a7 a
}   F4 _3 h; H+ b6 d" x0 j! @' I# C
9 P- C3 l3 e+ R$ \  j6 W
//-->
) j: A( Z0 Z4 h/ I) h! t</script> * B# @* L+ l4 `# Z7 b6 k9 b" `
//修改下面的图片的宽度和高度、地址
( D6 ?9 O" h/ j% k) Z<A onmouseover="displayStatusMsg();return document.returnValue"
: V+ s4 ?) w& Y" lhref="javascript:jump2url()"><IMG 5 Z; K: C+ y0 X0 v& A" I
style="FILTER: revealTrans(duration=2,transition=20)" height=66
  K5 q5 \$ k9 W1 K3 C6 h6 j( rsrc="../../image/02s.jpg" width=400 border=1 5 b( x4 a: Q: S: d
name=bannerADrotator>
+ g* U, |5 O# W; @6 }) H: I</A>
  D3 l6 M0 s! w8 {  Y<SCRIPT language=JavaScript>nextAd()</SCRIPT>