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

zw2004

<script language=JavaScript>
" s) F$ t; }: B+ }<!-- // BannerAD
, w2 v; W  P$ o! o8 m7 K# D2 O" O2 K7 I1 ^* |- T7 q- n  K
var bannerAD=new Array(); 2 Z3 F; t* W: a8 R! T/ J& d
var bannerADlink=new Array(); . X: z+ S9 F6 b( |. |
var adNum=0;
$ k! g5 \2 o" M& @0 Q6 s//修改下面的图片地址和相应的链接地址
: P/ {1 l. V+ b  n' ubannerAD[0]="../../image/01s.jpg"; 0 m& M2 S  m3 V$ g  N/ X# N
bannerADlink[0]="../../index.asp";
& {8 g( g# ^( w: C; t- SbannerAD[1]="../../image/02s.jpg";
! q. S3 `/ L  V% MbannerADlink[1]="../wytx.htm"; $ p6 ^, S4 ~$ H2 F7 M- i
bannerAD[2]="../../image/03s.jpg";
# l  U2 @4 d" R  |; ^- kbannerADlink[2]="../../sxym/sxym.htm";
! r8 s$ v% l  O/ q& R6 y  obannerAD[3]="../../image/04s.jpg";
" Z- W" i# b  V0 RbannerADlink[3]="http://www.jzzy2.com"; * g/ Q$ }( `: j' W: h
bannerAD[4]="../../image/05s.jpg";
5 S9 N- D% \' H% \" vbannerADlink[4]="http://www.cwdcn.com/"; 4 i6 x$ [/ }6 V; M: u/ f
bannerAD[5]="../../image/03s.jpg"; : z/ a. `9 x* K+ |
bannerADlink[5]="http://www.jzzy3.com"; " w6 X  U5 b; L& L4 C$ k

. }* y/ X7 H; Y. ]+ q$ c0 e8 I  nvar preloadedimages=new Array();   x2 f2 s2 u* _) p
for (i=1;i<bannerAD.length;i++){
) R# N- j+ c5 X6 {$ `2 |, y, fpreloadedimages=new Image(); + u- `' L! B3 s0 ]$ T
preloadedimages.src=bannerAD;
' U8 t$ V2 T6 k9 l0 v% n& s1 u} ! j3 D0 U+ Q5 A
' N+ P( r1 p/ Q+ I7 U% ?* F7 |
function setTransition(){
# S: g# O- f7 ]+ [9 x0 hif (document.all){ 8 E2 s2 y0 f; C% X) o& I) a
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); + d! k  t3 j- N/ S  [7 j5 v
bannerADrotator.filters.revealTrans.apply();
9 f2 ?5 A! D8 }3 _}
' I1 l! p: R% X7 u" \- i; S} & d9 @* |7 A: x$ Q) d

+ z# e  x7 G" S( i8 _& K4 {- wfunction playTransition(){
- v8 B2 L, {3 Tif (document.all)
7 Q, w- }$ m1 F* N: r9 TbannerADrotator.filters.revealTrans.play() & l, ]* }. s: K, V% P: B
}
+ ^& Q# u* S6 X% \- p0 B, g' H6 x3 Z; M6 W3 X1 q
function nextAd(){ 2 E3 q, g+ v' N9 z8 @( P; _" ?! z, X
if(adNum<bannerAD.length-1)adNum++ ;
! p2 W2 b7 {0 ~& ~else adNum=0; 0 }& b  w8 e4 j% |( l
setTransition(); " k7 a9 e; i6 c& x8 I; D6 e% {' o
document.images.bannerADrotator.src=bannerAD[adNum];
, r+ \. w: B. i5 Q" J# e0 f/ m% QplayTransition();
3 F9 ]- N9 o! f  q' ^$ x8 k6 itheTimer=setTimeout("nextAd()", 5000); 6 I! z9 G+ ~/ w
}
1 W3 N) z9 F! g$ W! [( @
% a! x3 T9 c. z/ X. E; Kfunction jump2url(){ " f) p) P. l) R! v, f
jumpUrl=bannerADlink[adNum];
) C0 y' V+ @9 |3 e! b) fjumpTarget='_blank'; ) Y9 t6 B& i. t- t7 \
if (jumpUrl != ''){
) W6 [$ @$ @- E5 Wif (jumpTarget != '')window.open(jumpUrl,jumpTarget);
' m, r2 [+ v, M. d+ S! [* c! Aelse location.href=jumpUrl;
! B& A$ `& o  }8 q% g0 c+ v4 q} + ]' n# B6 P- o5 B6 s
} 4 G; i! F8 P' r  @% b0 @7 B$ L: d
function displayStatusMsg() { 6 A0 f) Z8 m" b2 {* b2 I9 I) |
status=bannerADlink[adNum];
! v" b( ^# D! H) @+ Fdocument.returnValue = true;
- y8 X" o; b: Z8 }} & m4 U; J) |3 |& A+ ~

  Z# V/ W( f8 a. {( A//--> ! j  O! J. W1 {! C* W5 ?2 {
</script>
! a/ O" n( ~: p//修改下面的图片的宽度和高度、地址
* G- H5 j( A7 J" D& K8 j<A onmouseover="displayStatusMsg();return document.returnValue"
. ]1 x( J( K3 g7 u* \5 |href="javascript:jump2url()"><IMG
7 B1 Z- P7 L8 Q, }" C% w+ ^style="FILTER: revealTrans(duration=2,transition=20)" height=66 , S9 [% l1 W, I4 }* }
src="../../image/02s.jpg" width=400 border=1
$ @# t' U" J- Zname=bannerADrotator> & D, N( g+ m& I! F7 ]
</A> 1 G" I8 u5 W3 T9 R/ ?/ ^9 W/ M
<SCRIPT language=JavaScript>nextAd()</SCRIPT>