返回列表 发帖

网页之多变的图象导航特效

<script language=JavaScript> , u3 \( u8 X6 U( X6 E8 f* U
<!-- // BannerAD ' d9 l3 e( n, w( r1 Z  F( D
8 k8 B1 Z: I1 Y! t6 G4 _2 i' _' w' q
var bannerAD=new Array();
6 n+ k$ h" L3 P, j" ]9 I: Rvar bannerADlink=new Array(); 8 l) w$ F) e+ {! Q' O5 q6 c+ l
var adNum=0;
+ h4 c  a! s) i# o//修改下面的图片地址和相应的链接地址
: `  {* t: _" P( b) cbannerAD[0]="../../image/01s.jpg"; ' J. y: {1 ^. x7 b. {9 N* v
bannerADlink[0]="../../index.asp";
, B! O0 Z4 b7 pbannerAD[1]="../../image/02s.jpg"; 4 p4 ]2 h' Z9 ]$ V1 Q
bannerADlink[1]="../wytx.htm"; , b% k4 L5 a1 P8 K* {7 l7 W
bannerAD[2]="../../image/03s.jpg";
7 U& z- I0 G; RbannerADlink[2]="../../sxym/sxym.htm";
* @+ S9 E6 h. Q8 @, hbannerAD[3]="../../image/04s.jpg";
5 T1 n3 @3 n6 p: lbannerADlink[3]="http://www.jzzy2.com";
- ]4 q& \( Z) C8 s6 ObannerAD[4]="../../image/05s.jpg";
; `+ e' r. p" GbannerADlink[4]="http://www.cwdcn.com/"; ( k$ |1 {- x+ t' x# \
bannerAD[5]="../../image/03s.jpg";
4 o" a5 Z* I0 @) i8 c5 E  b# @bannerADlink[5]="http://www.jzzy3.com"; ; ?5 @3 {9 m! k

  L7 }9 s/ L0 b; ]var preloadedimages=new Array(); : Y0 N- D+ ~( Q' b2 _9 e
for (i=1;i<bannerAD.length;i++){ + `0 i; b: b5 L0 o( }8 k- G' K) ~. S
preloadedimages=new Image();
, W6 O4 _8 v8 q0 Y$ _' Fpreloadedimages.src=bannerAD;
; Y4 a) y  u, \" Y) g; x( s}
* h# B$ [, y& V) B4 l# R; o4 t) w3 v* T; g# H5 i* O" X
function setTransition(){ 2 ~% @  p/ @: j( A" h7 j
if (document.all){ . V) ?2 J4 F% J! a& U' h5 j% _
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); * q: {( ]+ t, \. a/ _% R4 L, J
bannerADrotator.filters.revealTrans.apply(); 2 }; V& q) J$ Z" e/ Y4 c6 P0 Y
}
2 h; s4 ~6 Y8 e' {4 |1 O# F} $ v8 w% H& b" j3 }/ L* Z6 G
, Z! p6 F0 K0 k/ L  I/ ?- z/ C
function playTransition(){ ( P: r, l- ?: j! g: d' h- I0 e6 n
if (document.all)
1 ~& G4 R6 C6 _3 v( Y# [, W3 K8 y5 d$ m: jbannerADrotator.filters.revealTrans.play()
  }# C( u- R& H7 {}
' w  c' W; t" V. h! P) U5 g' w; w( R& {& B& y
function nextAd(){ 0 u% \# C5 ]' Q/ u% D2 K# `4 ~8 N
if(adNum<bannerAD.length-1)adNum++ ;
5 b2 _2 Q  y% R7 \% m0 xelse adNum=0; 8 K5 C$ [5 |( G
setTransition();
3 C1 N* e! T" `7 Qdocument.images.bannerADrotator.src=bannerAD[adNum];
; m) |" j( r3 G% t! Q- YplayTransition();
% X$ V2 Z7 v, E" K+ k) UtheTimer=setTimeout("nextAd()", 5000);
2 M: A* p/ G2 ~; q3 |7 l}
7 ~* y5 h  G, j0 C  n/ H# v' b* I+ l; E- o
function jump2url(){ % L) Y5 Q0 r$ B% w' U$ Q7 n
jumpUrl=bannerADlink[adNum];
. z3 a3 G( K( q* sjumpTarget='_blank'; 9 p. u4 w+ v  b8 ]' t, z
if (jumpUrl != ''){
; e9 S6 i1 S0 _# P2 o( uif (jumpTarget != '')window.open(jumpUrl,jumpTarget); 9 _+ F: N; O+ ?( v6 g( M7 L
else location.href=jumpUrl;
, z6 f$ u- b  @1 x} ( e0 ~7 }; R) s) z9 i/ B; i
} ' c! ~' ?4 \9 c0 c) t5 }
function displayStatusMsg() {
) [" D; W# b( L4 G- T4 L2 g7 ostatus=bannerADlink[adNum]; 6 w1 h- C5 x: G2 b
document.returnValue = true; + H7 T6 n" B9 W+ a' B# ^1 b3 _! M6 }7 M
}   [1 e: I4 K$ e' D
8 ^$ V- N4 T& i3 H
//--> . \  C- V; J4 _; d2 n: Z; v1 n
</script>
+ [$ J  P4 b4 M3 t+ p9 V//修改下面的图片的宽度和高度、地址
$ A+ s4 z; G0 z, j4 B<A onmouseover="displayStatusMsg();return document.returnValue"
3 |8 I+ p. |4 [href="javascript:jump2url()"><IMG
9 Q# B5 T0 L: }5 I) z1 Astyle="FILTER: revealTrans(duration=2,transition=20)" height=66
, \7 l7 T9 W. D4 X" r. [) H- Z" osrc="../../image/02s.jpg" width=400 border=1
9 [+ y0 x) s4 B! ^. O1 Dname=bannerADrotator>
) `7 K- \' H) T1 [$ ~" y$ v4 ]' F' B</A>
0 V, ^/ w1 K  N. I! F<SCRIPT language=JavaScript>nextAd()</SCRIPT>

返回列表
【捌玖网络】已经运行: