标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
' k$ B f' g2 `$ r+ `* \; T \
<!-- // BannerAD
( |/ \/ Y# l0 n1 Z
5 A5 g$ c8 _) L: [6 {- ~
var bannerAD=new Array();
Z: \% f/ |9 W5 Q5 ?5 S
var bannerADlink=new Array();
. X# Y$ H& V' s( D
var adNum=0;
8 w k4 g4 ?; E0 T% ]
//修改下面的图片地址和相应的链接地址
, l, `( x+ J y( @1 T
bannerAD[0]="../../image/01s.jpg";
" L" i9 T, ]- G2 b& N+ s
bannerADlink[0]="../../index.asp";
* O! O' p4 r4 z: d- Z, n
bannerAD[1]="../../image/02s.jpg";
3 C u7 x* a0 q6 H! i* v
bannerADlink[1]="../wytx.htm";
v2 m+ I2 m4 ^0 b+ E
bannerAD[2]="../../image/03s.jpg";
& I4 A# {; W- v' b9 z4 B3 ?/ I/ c
bannerADlink[2]="../../sxym/sxym.htm";
9 J+ K7 {( }# ] D' }6 z
bannerAD[3]="../../image/04s.jpg";
2 I0 r1 s. z+ c
bannerADlink[3]="http://www.jzzy2.com";
% K- ~5 f7 D( b; a3 c1 F6 d
bannerAD[4]="../../image/05s.jpg";
) l( t3 X1 l+ q: E X- R" L$ K
bannerADlink[4]="http://www.cwdcn.com/";
! \" C: ?, @) e: U5 Q) t% R
bannerAD[5]="../../image/03s.jpg";
" j6 U% t) r8 \9 p: \3 G- v
bannerADlink[5]="http://www.jzzy3.com";
3 e( ]; A. I" B
: E* `: e6 m! L. M1 t6 y# c
var preloadedimages=new Array();
* P& W8 x8 R) \: Y0 A/ J& Y
for (i=1;i<bannerAD.length;i++){
% V7 A: u" f3 Z( A, z
preloadedimages
=new Image();
4 L* ?9 Z2 a" v' [# }7 }! {
preloadedimages
.src=bannerAD
;
$ k! c2 w6 i, E" g4 ~$ H
}
$ U* a. ?) i3 k2 e
: L; t$ M6 y0 A& ?; C8 s
function setTransition(){
' ~: D) c! F* [/ _
if (document.all){
8 e5 A; _/ z( d0 \ M) O i- B: s2 u$ q
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
/ a4 _& m! ~" D# Q0 Z( U
bannerADrotator.filters.revealTrans.apply();
6 E: d, ~( A' E' M
}
2 ^1 g1 m) T; c1 \1 S
}
. S t0 {* f* k( z
4 L- b) q0 A3 s k4 A
function playTransition(){
# x9 c3 A5 H3 ~/ c" g( d% d0 W
if (document.all)
( v& V6 f" N6 _. f
bannerADrotator.filters.revealTrans.play()
2 b% G9 ~- R9 ^% C8 g
}
- ?4 n, t- m: A* S! [( V9 H
) \6 c5 M; M. p: }1 \, X
function nextAd(){
" ]3 C9 S4 ^2 ]( q f
if(adNum<bannerAD.length-1)adNum++ ;
% x+ Z$ x# A; O4 {" L. f
else adNum=0;
5 W! r. D- `# H/ Z% b* G* c
setTransition();
7 i b0 ]+ ]) i: M
document.images.bannerADrotator.src=bannerAD[adNum];
$ O" D" d4 ~* i
playTransition();
4 H1 e0 M( i, p z. {9 d3 i0 b
theTimer=setTimeout("nextAd()", 5000);
& j$ p s- Q3 K1 u+ J
}
2 a: K# R0 R2 \ `
' A. i* j$ }% h j. Q
function jump2url(){
' N3 ]6 ^ H0 E0 U8 @6 w4 e
jumpUrl=bannerADlink[adNum];
! ?3 a+ z" ]* ]
jumpTarget='_blank';
# M1 e5 @4 t6 L. o) ^
if (jumpUrl != ''){
J$ @4 e$ p+ @0 x3 I
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
: g+ M7 J) J$ \' a1 T- O
else location.href=jumpUrl;
* E" _, N" Y3 A+ _% T! L
}
5 E) P" g( R. e+ P* m
}
4 A: i4 q3 q8 Y4 \9 t0 l
function displayStatusMsg() {
7 K$ Z" }6 y8 v' G) T- T
status=bannerADlink[adNum];
2 I* x) ~- D6 l; v7 o
document.returnValue = true;
5 q h- J' k9 e3 W( y
}
7 k# E1 L' R4 E4 r' ^
3 ~4 z/ o6 U, V M! a3 m
//-->
! T7 \ m/ C3 W
</script>
3 {, x9 I- ~6 R6 u
//修改下面的图片的宽度和高度、地址
3 S8 N' `+ n# M6 m Q y1 t
<A onmouseover="displayStatusMsg();return document.returnValue"
5 t; L+ \5 L+ l' w: i1 E5 v
href="javascript:jump2url()"><IMG
6 h! r( z$ e- f+ @
style="FILTER: revealTrans(duration=2,transition=20)" height=66
+ U* y6 n/ s& [' O0 t& f9 v
src="../../image/02s.jpg" width=400 border=1
& ]" b* \3 e1 R6 E* R
name=bannerADrotator>
% A" U+ h; m% U' L# Z6 v$ D
</A>
7 N# P' k+ c+ W/ b. {$ p/ j4 C
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
