标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
0 `# [$ B- I0 X* t' _: R
<!-- // BannerAD
" c/ K$ N2 ]6 ]) F( P
1 o2 I9 v8 B, \" X( q* I
var bannerAD=new Array();
( G6 V8 `! Y* @! [; _( I
var bannerADlink=new Array();
) _3 ]9 m$ a; X3 j( S
var adNum=0;
- G1 r7 M8 E7 p6 | }6 y
//修改下面的图片地址和相应的链接地址
7 C Y& y/ _8 ]
bannerAD[0]="../../image/01s.jpg";
b Q5 u/ A5 d2 Y
bannerADlink[0]="../../index.asp";
0 _" Q' k2 u* Q$ q
bannerAD[1]="../../image/02s.jpg";
, T$ B" V/ v/ F) L4 y$ R
bannerADlink[1]="../wytx.htm";
$ P- t5 o' H. w/ F
bannerAD[2]="../../image/03s.jpg";
/ x4 W$ d& A2 X# s; k
bannerADlink[2]="../../sxym/sxym.htm";
1 o5 \' t1 r( y0 a
bannerAD[3]="../../image/04s.jpg";
6 y# p( d6 g$ {# y% ~7 z
bannerADlink[3]="http://www.jzzy2.com";
) d( L. \( p# Z5 p9 U: y
bannerAD[4]="../../image/05s.jpg";
% Y, N3 |. }- x; y' `- d2 @
bannerADlink[4]="http://www.cwdcn.com/";
7 m% b" k: x$ s `- I, A5 d2 Y* K
bannerAD[5]="../../image/03s.jpg";
; E7 C: C. W2 c- a
bannerADlink[5]="http://www.jzzy3.com";
9 ]# C" A& C" I. C$ E
' G0 e* ^- {! t$ H9 A5 ~; F
var preloadedimages=new Array();
" E( n' x Z! B; q
for (i=1;i<bannerAD.length;i++){
; w3 A; D _0 s' m# h- N) I- j) S
preloadedimages
=new Image();
6 Y$ i' d6 ~% i9 x
preloadedimages
.src=bannerAD
;
8 X* |4 i" f( u/ D
}
9 t- H( k0 G+ u0 Y' p+ H
/ q" w, g$ n# W: w3 Y7 u( z) }
function setTransition(){
5 H3 f3 p7 y+ F/ i5 Y
if (document.all){
! K; A5 _: X6 \1 j' j# v- @
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
6 h; b( u3 q4 R2 k' Q2 k; ?( h
bannerADrotator.filters.revealTrans.apply();
- a. U" @& J# o5 x) z! Y& q) W
}
- @9 A( ~3 y0 z( V |
}
' c! P% j8 E) I4 i! g3 n9 J/ |( ?
0 H; b% h3 g9 z; z' K
function playTransition(){
" g8 m' D1 _8 t8 _# u4 q
if (document.all)
3 C6 F/ Q- {, W" U+ v
bannerADrotator.filters.revealTrans.play()
/ K/ e9 r* b1 E9 Z# u. R; o
}
0 j! i! u* K/ s! P
5 I6 @+ P, B" l% A; ?
function nextAd(){
J# y8 u6 t; ~2 S! e/ L
if(adNum<bannerAD.length-1)adNum++ ;
+ |0 d) z3 h' x% a0 ~ O3 c0 U
else adNum=0;
' l d, P) C, j, q' P O
setTransition();
; v! h- F9 K0 T$ Z' x, ]
document.images.bannerADrotator.src=bannerAD[adNum];
& B% X$ j2 ?& `+ ?. E7 A
playTransition();
6 e3 h2 Z# N' X1 S4 N# f: R
theTimer=setTimeout("nextAd()", 5000);
D9 {" }& Z$ ~7 j" c6 k, W+ M
}
|$ l7 i' W4 K5 F O) k
" m a, J2 d$ e) I: P- G: ?6 k
function jump2url(){
: g9 [/ E9 M/ c$ l; _4 h/ r
jumpUrl=bannerADlink[adNum];
4 Q5 l+ m) e3 e) |
jumpTarget='_blank';
8 C& Q8 F6 q* K( a/ ~+ O* V& s. O1 `
if (jumpUrl != ''){
) H2 R E; G: l9 q
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
# C' A3 z1 W- U: N
else location.href=jumpUrl;
/ Z8 `$ `/ @2 e+ [% b
}
" w8 U* L: e4 K& }# ?2 \
}
5 b/ }% u2 o9 w- @& x
function displayStatusMsg() {
/ \. C* ]3 @' V4 X2 C U
status=bannerADlink[adNum];
: _6 Q9 A+ {9 H# ?; k
document.returnValue = true;
h4 E: W0 i' @& [8 |. T; B
}
% p. d k. v, b
1 [: \/ k% l4 I9 w" ]* r
//-->
) U: W y# z* @/ ]" C. j+ g$ _0 g
</script>
+ q9 N; Y# X% ^
//修改下面的图片的宽度和高度、地址
3 y% ], k, J+ W2 R9 H
<A onmouseover="displayStatusMsg();return document.returnValue"
: Y3 O. W" l9 _7 a
href="javascript:jump2url()"><IMG
6 e2 r' W8 n* z- h! Q
style="FILTER: revealTrans(duration=2,transition=20)" height=66
2 b$ V& n- q. L! H6 @
src="../../image/02s.jpg" width=400 border=1
R* v G; T2 b" i* ^/ X* O) S
name=bannerADrotator>
, P, A5 Y% ]6 M6 S+ Z( l1 ~
</A>
8 T0 _6 m2 a" I& u% \
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
