标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
, L# b7 T; z" S9 E2 D/ O
<!-- // BannerAD
# \ a% W" ^* q0 f4 Q* n
; y" L- u; T# P" a$ |9 P* P
var bannerAD=new Array();
& F+ a/ W; l# S9 V# y
var bannerADlink=new Array();
3 c3 K: B9 j: ^' h9 Z8 w2 d T& z
var adNum=0;
' |. E2 ]7 m' Z3 K. O' w
//修改下面的图片地址和相应的链接地址
( Q2 }1 t* z. S8 I# e
bannerAD[0]="../../image/01s.jpg";
, k6 W& a! I8 m) `0 r4 U
bannerADlink[0]="../../index.asp";
0 G+ {, X: Y5 c* x# `) q" Z( Q
bannerAD[1]="../../image/02s.jpg";
8 I, X7 z- W7 J7 K: L5 l- _$ k
bannerADlink[1]="../wytx.htm";
5 M4 G" M- y% O' D+ u# P9 V6 V
bannerAD[2]="../../image/03s.jpg";
. P* N& ~* N6 s. p0 Y1 n) S' \- F
bannerADlink[2]="../../sxym/sxym.htm";
! L: `' D' i7 ? g. h
bannerAD[3]="../../image/04s.jpg";
, g, t V1 {* i5 |
bannerADlink[3]="http://www.jzzy2.com";
2 Q3 G/ C- A/ C$ d2 }
bannerAD[4]="../../image/05s.jpg";
' U. F+ D* N: U2 }+ i
bannerADlink[4]="http://www.cwdcn.com/";
$ N- n* o. \. v& _1 H! G
bannerAD[5]="../../image/03s.jpg";
( z' R3 P/ p5 u# d( \$ F8 g l7 A
bannerADlink[5]="http://www.jzzy3.com";
1 x; Z( h' N8 u: S
. S2 |1 P" Y" i( H; e: _( w7 j
var preloadedimages=new Array();
* ~2 m3 N2 |; d
for (i=1;i<bannerAD.length;i++){
. Z( c* L# l6 R, R# Y& l* J1 D3 O8 Q
preloadedimages
=new Image();
- Y6 C4 w E; E
preloadedimages
.src=bannerAD
;
( ]/ Q1 P1 S/ [/ _
}
5 I! d9 ]7 E$ g6 {
* R/ u. j7 D# X3 E5 s
function setTransition(){
$ ~9 o |9 D/ F x( m9 Z7 w) U% Z# Q
if (document.all){
- d1 w! }1 z0 A0 u
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
+ a7 I" H% c; [: b6 W, i2 `
bannerADrotator.filters.revealTrans.apply();
/ r3 t$ i) p( T" x! J6 G* o
}
! c6 ^9 F' a: t* u" ?
}
5 `7 e& j; U( _+ u
0 o3 J& j: a% j& D6 w7 i
function playTransition(){
0 L" ], b( G/ }! a& u4 M
if (document.all)
& ?1 h$ P. G! d6 |# ]
bannerADrotator.filters.revealTrans.play()
- I5 ?. p3 i, }- u8 g
}
6 G* S- V8 B# b$ {
( h) G# _, M6 F" K- D
function nextAd(){
! ^- m/ q0 v$ n* C) t
if(adNum<bannerAD.length-1)adNum++ ;
. M7 w) q5 ]7 j B! k, |$ Q+ E3 _
else adNum=0;
$ z2 { l9 \" o3 [6 b% g% w
setTransition();
( D7 o& c% b5 o n+ s5 J
document.images.bannerADrotator.src=bannerAD[adNum];
# C+ ?- U1 |' \, |
playTransition();
$ n3 d, {4 t, Z
theTimer=setTimeout("nextAd()", 5000);
% z1 \3 j1 W. _! P$ Y% N, ^0 B
}
& G$ H' D" k( z
q/ D9 Y& @1 a2 I( h1 M) {" c
function jump2url(){
. p) ~+ b) K" B4 F
jumpUrl=bannerADlink[adNum];
9 J3 o, @/ @& U( z) B) z. m
jumpTarget='_blank';
$ ?6 C3 }# N a% R
if (jumpUrl != ''){
- U- p) d* W& ^3 w
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
; \3 p% ^2 R7 p2 J8 ~0 D T
else location.href=jumpUrl;
- _4 x; w: U; J7 R7 ^" Q, j, _4 G% l( t
}
, r' l2 D+ Q" A* q3 a9 a
}
7 m, \/ q, I6 o4 ^0 M' J- Z
function displayStatusMsg() {
( x5 q) ?# y9 S; r. d8 m9 p' u
status=bannerADlink[adNum];
/ ~& s* m* W. [+ Q- b, u' ~
document.returnValue = true;
; J$ O- f3 j7 L1 n7 y1 U% [, @
}
! I; M' @1 I6 e9 K' @3 p
: v8 u& h; e$ C1 H
//-->
i2 Z, n) X6 t- m' t% S$ D7 p6 a
</script>
6 J; A. k }% G* n0 X# Q
//修改下面的图片的宽度和高度、地址
# J0 e5 A$ E5 P1 H& W# K# S* z
<A onmouseover="displayStatusMsg();return document.returnValue"
" I- E" W/ O' C$ d3 `! w
href="javascript:jump2url()"><IMG
) Z4 x& A! U, A9 p$ _
style="FILTER: revealTrans(duration=2,transition=20)" height=66
5 b; o/ E4 u, {2 s
src="../../image/02s.jpg" width=400 border=1
: c2 x2 ~, I- u
name=bannerADrotator>
, Q* W" v; |# w5 o
</A>
7 ?' f& u. v* [/ E1 C0 w
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
