标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
+ ^1 m% s+ p$ P8 U0 Y' [: p+ F
<!-- // BannerAD
5 c t) A; m; I. n: t% s
" D+ T9 \) g& P
var bannerAD=new Array();
, s1 h0 w& _# M8 k5 ~3 d
var bannerADlink=new Array();
0 c4 B/ p& s1 q: G4 c
var adNum=0;
5 p" f% S& N# A' A% l; g5 ~9 L
//修改下面的图片地址和相应的链接地址
9 i) [9 y; W9 s' } O. i* ]
bannerAD[0]="../../image/01s.jpg";
( I$ z1 H# E2 @( t3 `4 A/ C; B
bannerADlink[0]="../../index.asp";
7 S0 T6 x& g. \& s5 H) f
bannerAD[1]="../../image/02s.jpg";
M8 ?+ ~! G# t0 g; Z2 ~; v# ~
bannerADlink[1]="../wytx.htm";
" H! l, ~! L n' z' J
bannerAD[2]="../../image/03s.jpg";
: q4 M* B n6 A7 p
bannerADlink[2]="../../sxym/sxym.htm";
6 Q. H: N& N4 @6 s& R3 a. @
bannerAD[3]="../../image/04s.jpg";
, ]& K: Z% o# [- s
bannerADlink[3]="http://www.jzzy2.com";
# ~% d" D7 F6 N1 A! X3 N
bannerAD[4]="../../image/05s.jpg";
3 K/ X& F, |0 N" X. ^
bannerADlink[4]="http://www.cwdcn.com/";
9 n! x0 R% F3 h. m* W9 R4 {
bannerAD[5]="../../image/03s.jpg";
% {+ G+ a- A' Q, a& F7 P1 j; R
bannerADlink[5]="http://www.jzzy3.com";
9 X, x( k$ s6 h6 j8 f! x e9 ]
$ R2 f! V2 t- u1 s/ {' _9 F% V
var preloadedimages=new Array();
1 v; \( `- n) B, P
for (i=1;i<bannerAD.length;i++){
( q' d' l5 m' N
preloadedimages
=new Image();
8 l2 S0 j" p; X. h( V8 i1 b0 J
preloadedimages
.src=bannerAD
;
% w' C$ b9 D5 L2 k" y# d
}
2 ?6 O2 F4 Y$ t, U; U
. B4 m7 `6 C6 J; v
function setTransition(){
( O8 y0 e& S+ V3 l
if (document.all){
+ `$ r6 h- k, }& X5 f
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
8 U, J6 c" R$ Y
bannerADrotator.filters.revealTrans.apply();
^: I( [0 @2 n7 r+ q/ d4 j& V) B
}
: e3 g5 Z: j4 I" ~
}
( C) v/ N# e8 w( s8 a+ n
0 F7 Z, P% \; x! N/ R5 l0 h
function playTransition(){
7 E) p' u* C" j+ L9 J K
if (document.all)
}9 b, k+ U; z
bannerADrotator.filters.revealTrans.play()
9 b) R: Y. b- n, X0 |' P }5 R
}
: h5 ^- L* @$ s4 G; j
4 X- y2 l7 G& b- \
function nextAd(){
% i4 u; O4 B: ~4 o+ O- i
if(adNum<bannerAD.length-1)adNum++ ;
7 H- o+ c1 N+ B/ \
else adNum=0;
5 }# Y4 Q# U K; \- ~
setTransition();
; C! w; c. i$ L$ K' y/ Y; g) l
document.images.bannerADrotator.src=bannerAD[adNum];
5 m2 `% U6 h1 p$ c8 |
playTransition();
) p4 o4 e$ R+ c7 b6 a; ~
theTimer=setTimeout("nextAd()", 5000);
) w7 ^! Z* ^8 A- r( T6 N P& K
}
% A0 {& \9 w& ~! m( l
4 i" c9 w1 Z, U" `) ^# E
function jump2url(){
/ |: D! N5 X0 n" C3 U+ A
jumpUrl=bannerADlink[adNum];
! F& ?8 ~& M) K
jumpTarget='_blank';
0 ~! s: D$ d6 x8 u7 [3 J" a
if (jumpUrl != ''){
( S9 A7 w, k3 X9 d2 u
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
) d5 w6 M4 h; t Z! I
else location.href=jumpUrl;
& l1 E9 T- i& Q9 G' p! ?+ O8 P3 w
}
7 j/ l' `% ]6 n: q1 Q( v
}
0 ?& H! X7 w* G* @2 [+ z# R
function displayStatusMsg() {
4 ?/ X7 ?' K% F/ {) I
status=bannerADlink[adNum];
: ]; P( z6 h. k+ j- y. G$ i
document.returnValue = true;
/ s2 M+ Q: \, d( c5 j
}
+ p' T5 C2 l, w' z% n* D' _2 \/ i
5 b6 z" A) q) y4 K) F8 T
//-->
( \" f+ C. I% v" u0 a
</script>
' A2 w# _. m+ t$ s! n
//修改下面的图片的宽度和高度、地址
$ b7 i. S: V m% j
<A onmouseover="displayStatusMsg();return document.returnValue"
2 b) u' V; F3 _$ [2 ^
href="javascript:jump2url()"><IMG
+ Y( r% s' P/ m7 O# {. c( W
style="FILTER: revealTrans(duration=2,transition=20)" height=66
& E0 e0 N" o9 H" F7 `1 v: r+ T
src="../../image/02s.jpg" width=400 border=1
6 K6 X9 ~( Z* R, t+ N+ p
name=bannerADrotator>
& }- {3 N8 e6 l6 M0 j
</A>
- a0 j$ }( b* ?! ]6 B0 l- l
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2