标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
$ m1 L5 b' _- ]$ v' ]( @6 D
<!-- // BannerAD
/ w9 [ r& Y' m# M" j( A
! e0 n% t5 A" z3 \" m: c
var bannerAD=new Array();
- d" D# \/ s5 i6 ?5 k: ~
var bannerADlink=new Array();
! o$ `# u6 i( {% G
var adNum=0;
2 Z/ o! `6 A3 t' x0 k) e3 F, E" V
//修改下面的图片地址和相应的链接地址
E# q' H7 b8 I3 V
bannerAD[0]="../../image/01s.jpg";
, U/ K9 ^1 D/ ] S7 I [4 j
bannerADlink[0]="../../index.asp";
7 R6 ?+ F" ^& F9 u8 E, x1 P
bannerAD[1]="../../image/02s.jpg";
$ B3 G) {0 I7 z1 u8 D
bannerADlink[1]="../wytx.htm";
( U& t* T. b' ^- u# f
bannerAD[2]="../../image/03s.jpg";
9 \5 m3 E4 B, x0 J( I. O
bannerADlink[2]="../../sxym/sxym.htm";
( e$ S6 I- M/ E% {7 x
bannerAD[3]="../../image/04s.jpg";
! f# v3 \& }% p0 j; i; l* {
bannerADlink[3]="http://www.jzzy2.com";
3 n7 X! m/ k9 F1 B
bannerAD[4]="../../image/05s.jpg";
1 n# B- s( H c- l `; g
bannerADlink[4]="http://www.cwdcn.com/";
( `9 `" u' I6 r8 L) ~! T5 p
bannerAD[5]="../../image/03s.jpg";
; {( v8 N Z7 i8 a1 F
bannerADlink[5]="http://www.jzzy3.com";
) _+ W% s0 W/ \) k4 ]
. k' K1 N' h" n/ o& q
var preloadedimages=new Array();
( v) p( b5 J8 S: D
for (i=1;i<bannerAD.length;i++){
& H* ?* e, j, M+ D
preloadedimages
=new Image();
: _) O# k& @+ e4 ]# R1 G9 v
preloadedimages
.src=bannerAD
;
8 A2 k8 M5 k d7 Y7 M7 }$ R
}
( k7 ]& n9 T+ ?0 ~$ g
* t; B' B3 f. P- [
function setTransition(){
! V `; Q1 } l6 B* f: ^6 E4 o3 x
if (document.all){
* i7 z* t0 P3 B9 u) ~$ ^$ O; [
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
' m3 L: d: T6 G) M/ V
bannerADrotator.filters.revealTrans.apply();
: ~- z" F! n& N3 [5 i1 S/ C6 b4 E
}
( @( Y( Y" _4 ^ V
}
j7 C+ g8 f! o; k! n9 T0 t
. c7 q$ D4 f* H# w' p
function playTransition(){
2 K0 n# C$ e- k1 W' _: U
if (document.all)
* C; u" o& I/ i. p
bannerADrotator.filters.revealTrans.play()
+ Z# {3 L: j- J- F+ D
}
; g2 h7 e: ^. x) P# X' C$ l
! O! U ? x. v |, ?0 W7 g
function nextAd(){
' K! f+ k u3 U' G
if(adNum<bannerAD.length-1)adNum++ ;
9 O9 h1 f3 O9 `- b( T1 \
else adNum=0;
' t6 D5 ?& M1 t2 Y- Z1 Q7 L0 J% O
setTransition();
! x$ ]; N4 ~# ~, K, L5 G
document.images.bannerADrotator.src=bannerAD[adNum];
* S e; Q/ z0 y9 H
playTransition();
8 ?& ?% W$ S7 V0 {4 h
theTimer=setTimeout("nextAd()", 5000);
- Z$ a \" c z
}
2 w+ _: ], _2 W0 }& _: v
- m) a5 q& U: O% X9 T. w* [, B
function jump2url(){
2 a' ?# X& z, Y1 B+ E5 a+ D" [* n
jumpUrl=bannerADlink[adNum];
) W% A+ B" u9 d! ~9 M a+ ^1 q6 r* n
jumpTarget='_blank';
2 G- ]* f; f) J5 U* `, ^
if (jumpUrl != ''){
' z2 K6 R2 d! W: V* z& ]1 I) L
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
! d: W6 H5 E- X# `: T9 q" R$ V
else location.href=jumpUrl;
- a& X. @- m- m, g/ Q6 k0 `- Z( w
}
" P/ M X; w9 R% {) _' F6 M
}
7 i+ O) g) O2 b
function displayStatusMsg() {
+ L: Q- T, r0 f& [, b: i
status=bannerADlink[adNum];
( i- @5 e0 f, k
document.returnValue = true;
0 o8 h' D( y; k2 L
}
: M3 L) ^# J! v$ y; J
* A' T4 }+ ~) I8 H5 L. |/ u
//-->
1 Q: q" m9 h" ?
</script>
7 Z l: q6 ?& i. j$ \9 }3 S5 ~1 Z5 J
//修改下面的图片的宽度和高度、地址
1 S6 p8 e8 n# q4 k3 {
<A onmouseover="displayStatusMsg();return document.returnValue"
[2 I( Y1 ~. [3 {
href="javascript:jump2url()"><IMG
2 Q- U7 ?8 o* q5 h8 G4 d
style="FILTER: revealTrans(duration=2,transition=20)" height=66
: K9 B) I4 @& n z! {, z9 f
src="../../image/02s.jpg" width=400 border=1
8 G L$ J7 \- p5 h+ m0 E
name=bannerADrotator>
& i0 I& K! O" k4 L! L& Z i
</A>
3 W: I/ p* U1 @+ m+ l) H2 M$ C
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
