标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
* d. }2 B/ j3 c/ t3 a
<!-- // BannerAD
6 u, {9 Q3 h6 o
' B5 x5 A' ~5 k# q, v
var bannerAD=new Array();
: J% t3 W( P8 M. o3 N o; l
var bannerADlink=new Array();
, O% r% V+ B, k6 m3 {
var adNum=0;
9 {/ d8 i5 c; E& G* s
//修改下面的图片地址和相应的链接地址
' J# T1 C2 e2 ?) B
bannerAD[0]="../../image/01s.jpg";
% v% a w. c7 i! k; i, i& T
bannerADlink[0]="../../index.asp";
c# y$ J t7 a- \" N
bannerAD[1]="../../image/02s.jpg";
0 h7 l* D K- k: S% A
bannerADlink[1]="../wytx.htm";
) j# ?' a8 E. [+ [6 U9 d2 ~5 v% C
bannerAD[2]="../../image/03s.jpg";
1 u) L; M; ?) x5 t+ m7 o
bannerADlink[2]="../../sxym/sxym.htm";
& H; {$ W" c# S7 } R4 b
bannerAD[3]="../../image/04s.jpg";
0 {0 r2 g5 F0 o: G# W- ?' E
bannerADlink[3]="http://www.jzzy2.com";
7 R0 C* H' I8 ?$ G6 z& U+ _( ~ J
bannerAD[4]="../../image/05s.jpg";
, z) J8 |2 z7 Q: a: M9 K
bannerADlink[4]="http://www.cwdcn.com/";
! _+ R' ?& v9 K) t. G8 `- i4 D
bannerAD[5]="../../image/03s.jpg";
% U4 l! p3 k7 ~
bannerADlink[5]="http://www.jzzy3.com";
- ` y& W' N4 N2 M% x S( Z
3 W/ e2 V7 @8 ^$ U* C" [
var preloadedimages=new Array();
0 q* Y) H, G1 E# r$ e. h' o0 b
for (i=1;i<bannerAD.length;i++){
; a2 {9 N( G* \( e- G; t
preloadedimages
=new Image();
: g, H" S& X2 x+ `% }/ I" V: W
preloadedimages
.src=bannerAD
;
! K+ R- J7 w% g! H: j4 }
}
: D; }$ J% u7 v D
+ o9 _- S* ~! h4 I/ F" R
function setTransition(){
% R/ T6 ^) M0 X$ n2 S
if (document.all){
% @# i- X3 E' E) ]1 {& c {
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
t: _; q t( p
bannerADrotator.filters.revealTrans.apply();
6 @1 {3 e' s- r6 Q( V4 z" }
}
V# g$ ]8 P" A+ z
}
0 L! t1 f( I4 Y& v
2 D% h% Z8 `! j8 L v$ |( |
function playTransition(){
# h& `0 x) W2 I
if (document.all)
( Y9 [2 `' H' ]( }* O' z
bannerADrotator.filters.revealTrans.play()
0 T9 z' W: |7 O& g* @
}
+ ^# r3 ?9 F% A1 \! |; t
$ _" C- `, v- L6 w
function nextAd(){
8 \3 L, X; g' F7 J" ~ ]
if(adNum<bannerAD.length-1)adNum++ ;
5 r- q0 B0 T% S# {
else adNum=0;
: k$ x( t) L6 W* x! x
setTransition();
4 H4 I; w2 ]' `0 h7 q: p* c
document.images.bannerADrotator.src=bannerAD[adNum];
7 ?& w+ @$ ^0 k: }
playTransition();
[ O/ m' { N( }5 d3 _7 J: `$ d
theTimer=setTimeout("nextAd()", 5000);
7 q D+ _4 L: Q% v; x! w2 w& h. F
}
* h/ M; z3 o# {+ C) b9 B/ B
* W- x: X8 G5 h* O
function jump2url(){
% ?( S& m) c1 Q" U
jumpUrl=bannerADlink[adNum];
+ x" f+ I0 z" {
jumpTarget='_blank';
. w; `3 ? o- \$ @) l1 _
if (jumpUrl != ''){
/ f% v& F/ w9 }/ N
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
! \: V% ~- \( V7 Y3 g; Y: b0 `
else location.href=jumpUrl;
2 y- M& g: |: D& ^) P0 W
}
$ w) j6 ^, R k, i' N
}
% a; g# [! i1 E
function displayStatusMsg() {
7 H- q% T L' Y' ?$ [. ]! `0 F
status=bannerADlink[adNum];
$ ?6 A8 w7 U( J
document.returnValue = true;
- m: W, {, X& |1 B& U2 T8 A/ l6 G' i
}
6 A' L! J1 {% Z. ?9 `2 b4 ]! l4 Q3 v
) V) F `2 T) y
//-->
7 }& L) f) J1 {7 w( }4 b) ?+ W
</script>
6 ]$ Z/ e4 @* f
//修改下面的图片的宽度和高度、地址
8 r; ~4 ^2 N+ @% i
<A onmouseover="displayStatusMsg();return document.returnValue"
! F7 R4 |. R' B, B4 X
href="javascript:jump2url()"><IMG
8 t" w2 z2 j/ ?1 {4 b- G
style="FILTER: revealTrans(duration=2,transition=20)" height=66
" j& O) a- G# `, S+ @9 }
src="../../image/02s.jpg" width=400 border=1
2 [6 k% b7 t) A: {) c6 b
name=bannerADrotator>
( d4 L/ L0 p9 e- k9 n7 ~/ }8 p
</A>
2 S6 @, {- M& n2 d. \- _ c
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
