标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
! e( N6 W6 U7 d4 a8 C8 G
<!-- // BannerAD
, H+ K7 ^$ @' j/ G
1 ~/ _0 @* ^% K; h7 _8 a
var bannerAD=new Array();
- B- Z3 J+ k+ V! s. D3 k
var bannerADlink=new Array();
3 U/ l0 b3 r4 Z- F$ N' k3 s8 T
var adNum=0;
1 }# V, P: w k' B
//修改下面的图片地址和相应的链接地址
7 U3 H& ]) I7 i6 r/ y7 U
bannerAD[0]="../../image/01s.jpg";
+ q% k/ x+ b3 R3 ^- s, ^
bannerADlink[0]="../../index.asp";
9 b, H g* z' x" p% l! W, M$ {
bannerAD[1]="../../image/02s.jpg";
; B5 D- v' k/ ?& `
bannerADlink[1]="../wytx.htm";
" m: p8 k8 W m
bannerAD[2]="../../image/03s.jpg";
* P) m7 V/ R0 j8 F) j+ {
bannerADlink[2]="../../sxym/sxym.htm";
a' ?/ h- Y: `4 j/ K. U% _
bannerAD[3]="../../image/04s.jpg";
1 P0 {# j" E" P8 w
bannerADlink[3]="http://www.jzzy2.com";
& d1 T) T1 ^7 y; z- v$ M
bannerAD[4]="../../image/05s.jpg";
1 W7 T( G( t0 Y1 t* `' H- q1 ~
bannerADlink[4]="http://www.cwdcn.com/";
- f" r9 A; t& W$ R1 F. f; `
bannerAD[5]="../../image/03s.jpg";
% N! m; L: j6 Y/ g
bannerADlink[5]="http://www.jzzy3.com";
* A) n4 n2 \% e/ e0 X) [8 L
# w- }3 I. p: X$ N
var preloadedimages=new Array();
2 T' B9 F8 ~/ t) S( e9 ~, ~
for (i=1;i<bannerAD.length;i++){
+ W# f! \2 I5 @0 t) ^; w, [) b
preloadedimages
=new Image();
m& A, G$ a9 @- e9 x, m0 I
preloadedimages
.src=bannerAD
;
- ~4 x* G, ]" O1 u* E
}
$ H! M" L( Q# ^3 q% e) |2 E4 O
( c, |# ?2 ]" }: u
function setTransition(){
( T5 Y& C' h+ d" c, P- c' ]1 ^
if (document.all){
" o0 ~8 o# o- c( W4 B3 z' r. {
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
& O W1 [5 @$ U! M4 V; h/ a0 X
bannerADrotator.filters.revealTrans.apply();
3 i1 [/ P. M% O C6 U* Z+ ~
}
3 b) y, b0 B# Q; v( |+ U U! V
}
: S- [7 H5 g% G( d0 \( r9 T5 x
7 v4 _7 [ o$ M7 e9 u' d
function playTransition(){
. z. r' C6 M3 s3 k
if (document.all)
0 ]5 f; w* F2 x- D2 y5 [; H
bannerADrotator.filters.revealTrans.play()
* G% [& t P& ^( G# S g# V' C) j
}
6 B6 e8 [9 {& I% [2 z8 {( f
3 J7 {2 M$ n7 m+ w% F& ~
function nextAd(){
) a& h! l) f2 y/ H( H! w
if(adNum<bannerAD.length-1)adNum++ ;
/ L: k% b3 G) u! z
else adNum=0;
1 y- J; X3 \) n- |
setTransition();
: g& ^" Y" R0 \! D9 I
document.images.bannerADrotator.src=bannerAD[adNum];
) t" C% J* ~% o4 b1 K+ g- [, |
playTransition();
S2 u( y8 h0 ~
theTimer=setTimeout("nextAd()", 5000);
; ]) r# P& e% H) p
}
p& c& R, u5 X+ |
% ^4 @$ `+ d0 U
function jump2url(){
% W3 Q3 Y3 x6 F9 X# s8 G( x
jumpUrl=bannerADlink[adNum];
7 ]6 R$ O& \4 d* k/ f
jumpTarget='_blank';
|! {: y7 `2 @5 ?
if (jumpUrl != ''){
( }* u& D: v1 e* x
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
! p6 m( F; H+ j! e) x S
else location.href=jumpUrl;
: ^+ ^* a6 } l: E* W: J* j
}
2 A7 E3 y n0 K
}
6 A3 g7 ~& j; }) a: V, S; {
function displayStatusMsg() {
4 u2 D% x- N: x( L
status=bannerADlink[adNum];
+ o1 m% _! B3 A. ?
document.returnValue = true;
1 O/ y3 t' i" \ Q
}
/ r# X9 _+ u+ w( W, T* l+ h
$ M: I/ l9 [2 @7 f$ D
//-->
$ R3 k9 S2 |$ r0 \% Y4 }
</script>
8 D+ X* m3 v/ n! |2 [
//修改下面的图片的宽度和高度、地址
; F) x4 c( K, |9 S0 ~: z
<A onmouseover="displayStatusMsg();return document.returnValue"
. s! M: d) h$ D0 z
href="javascript:jump2url()"><IMG
' n" G' R, ?1 l3 f" j3 l5 K
style="FILTER: revealTrans(duration=2,transition=20)" height=66
. Q) e% \( p: ?7 J. s& L
src="../../image/02s.jpg" width=400 border=1
+ ~* i k5 o- j$ b- C& [$ E
name=bannerADrotator>
# G% m" w+ ^, b0 V5 ]# y
</A>
: D6 G! j+ _% q3 B3 k6 v% L$ k$ @& S
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
