标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
, {& Q* n! c2 U) E! S, M* _
<!-- // BannerAD
" I3 W* T( T$ R- E; k S
f, ?- C. ?3 K, g& s0 }
var bannerAD=new Array();
4 G; y @/ L& v0 G8 y
var bannerADlink=new Array();
; A, X5 {9 m6 ? z
var adNum=0;
, ], o: @* I1 l5 J& O \& O
//修改下面的图片地址和相应的链接地址
$ |% D' r; A+ i6 K9 X) I
bannerAD[0]="../../image/01s.jpg";
3 D' J- e* b' p& _, z, j
bannerADlink[0]="../../index.asp";
5 K E: S: v4 z. |8 m- s" T' E
bannerAD[1]="../../image/02s.jpg";
6 b9 y) q0 g- E. B
bannerADlink[1]="../wytx.htm";
: n8 G. K$ g) b6 ?* M0 Y" }9 J( _
bannerAD[2]="../../image/03s.jpg";
- v3 g8 i0 i+ V
bannerADlink[2]="../../sxym/sxym.htm";
( v; c0 [* i0 ^: }: H
bannerAD[3]="../../image/04s.jpg";
: h5 f2 N4 M+ q# _/ z# u( K
bannerADlink[3]="http://www.jzzy2.com";
+ ~+ L! d6 g- z, p
bannerAD[4]="../../image/05s.jpg";
2 C/ S( J# x/ i) D! t: N
bannerADlink[4]="http://www.cwdcn.com/";
2 H, M4 B: a6 W# o
bannerAD[5]="../../image/03s.jpg";
( q: w1 i) J8 D) m) _# S, i
bannerADlink[5]="http://www.jzzy3.com";
5 k& W. F% M7 H. J6 ^" z5 h4 u( f/ ^
/ v3 ]" I0 |% _ M. d' z
var preloadedimages=new Array();
1 D% m9 z5 O! j3 g+ l
for (i=1;i<bannerAD.length;i++){
4 Q" ~4 j6 w) U0 r3 A4 @! _
preloadedimages
=new Image();
4 Z6 [7 }1 ^! o7 Z8 E
preloadedimages
.src=bannerAD
;
. k3 }) @; l1 N
}
; \2 L/ l6 z1 @% k! g, E4 Z0 m
& ^7 \, S5 X2 b3 s# M4 w
function setTransition(){
( d2 r& X- a# [/ @( r
if (document.all){
' Q- P$ n( F6 i g& G, l5 @
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
2 ]9 u5 E, `2 L6 S
bannerADrotator.filters.revealTrans.apply();
4 r' v. J+ Y- B6 R2 q
}
$ |- ~$ d& a7 A2 Q1 V5 D
}
" \, O2 _* S0 @
% b4 ]7 n, b$ X, G7 W1 I
function playTransition(){
! D+ \" S9 ^# p+ G- u: ^% a6 g2 ^: N
if (document.all)
4 R' S' T4 _6 t+ |5 q6 E0 Y
bannerADrotator.filters.revealTrans.play()
1 G+ Q! Y; O# i' i' J7 w. x1 z# b
}
* B% c' C; o G: [4 V& |9 B
7 _$ U% t9 I3 j2 K- L
function nextAd(){
/ @- S! b0 c6 N0 }7 I
if(adNum<bannerAD.length-1)adNum++ ;
! Q4 Z9 U0 U# n9 H k1 x1 \; h) i
else adNum=0;
3 n# E% ]( y( l' b3 \
setTransition();
: N) o; Z% |% T3 p" J% p0 v( |
document.images.bannerADrotator.src=bannerAD[adNum];
; P9 t# U! D1 Q
playTransition();
$ Z1 [1 b" q& q
theTimer=setTimeout("nextAd()", 5000);
. {: C* x+ L& {. A% z8 j
}
/ f+ u& X9 b( @( z- D/ T
` a$ a7 x* V- r" B& ~
function jump2url(){
; _0 c- m0 A' K- [% d3 F
jumpUrl=bannerADlink[adNum];
( @# Y3 @) L: R
jumpTarget='_blank';
& R1 y" s: b: O: _! f* U! b7 z
if (jumpUrl != ''){
7 }1 d6 R" q! a9 U6 O( @
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
5 T K: n* D) D2 T
else location.href=jumpUrl;
: R7 b) I2 l& `" y2 d
}
) v- G" v7 S- ]: @' Z5 v6 @) _
}
2 _0 Y% _ _# r7 M" F I; a' o! t4 y
function displayStatusMsg() {
6 f9 B% l# W- w ~% Z
status=bannerADlink[adNum];
2 G& N3 ^7 y3 G' P7 z7 _4 `7 Y
document.returnValue = true;
$ r V5 L% f: O6 r
}
9 C8 {- y2 ~% ^, u
2 J& N3 |: d& d
//-->
$ R2 a2 Z" H* h* a' u
</script>
$ Z0 B( Y/ S" |+ ]( a5 N( k) K
//修改下面的图片的宽度和高度、地址
' h2 d& f' g P( W# ]; I Z
<A onmouseover="displayStatusMsg();return document.returnValue"
0 s! y0 b1 ^! S- X
href="javascript:jump2url()"><IMG
$ S1 r' B! G" c# v/ ^! F
style="FILTER: revealTrans(duration=2,transition=20)" height=66
$ ~; I" c" n( K# m& B3 H: E6 L
src="../../image/02s.jpg" width=400 border=1
& U4 q+ R. T* r/ o8 d
name=bannerADrotator>
4 u# g2 e9 p5 ]
</A>
0 J+ I. h; {- b. n
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
