标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
8 W; g7 o- n) C0 k" J0 g+ o9 B
<!-- // BannerAD
" Z; |& b& D2 l
: }/ m6 j- J) E5 X) y
var bannerAD=new Array();
9 b9 q" E' A* X. E+ ]5 r& h
var bannerADlink=new Array();
8 L( o/ b# y7 z K C! s- C! W; d0 z
var adNum=0;
( F2 p) q$ r: h$ ?
//修改下面的图片地址和相应的链接地址
" S1 b# V& |& S( q9 a: Q* S* r
bannerAD[0]="../../image/01s.jpg";
) d0 r* V- v' P: I1 k1 X: k
bannerADlink[0]="../../index.asp";
K* \; u3 F5 \! R, W8 L0 d, e
bannerAD[1]="../../image/02s.jpg";
: Q8 e; C# e+ q+ _
bannerADlink[1]="../wytx.htm";
+ K- S/ k, |5 L4 C$ ]
bannerAD[2]="../../image/03s.jpg";
# R8 t7 H9 `. B C, e8 ^% `
bannerADlink[2]="../../sxym/sxym.htm";
% ?: }& ~' w( a4 X, W) x
bannerAD[3]="../../image/04s.jpg";
% `- m- ]6 ?" k2 E
bannerADlink[3]="http://www.jzzy2.com";
' f3 U$ |+ l0 D; K' e7 v
bannerAD[4]="../../image/05s.jpg";
D$ n" O1 l& T! ]- ?9 H% w
bannerADlink[4]="http://www.cwdcn.com/";
( Q' u6 ~5 Y' X" e4 {$ @8 \
bannerAD[5]="../../image/03s.jpg";
& d1 p2 O+ a$ T" y
bannerADlink[5]="http://www.jzzy3.com";
. [& \4 F& E' g8 d
5 D$ [- }9 R" T4 M: ~0 A( [# F
var preloadedimages=new Array();
. s i. J" H( `& U* T2 B
for (i=1;i<bannerAD.length;i++){
9 [/ q* N) ~ S0 g0 a0 ~
preloadedimages
=new Image();
) b+ h' c% p/ u+ o9 d2 N1 X# g/ c; O
preloadedimages
.src=bannerAD
;
0 U, v* r) @0 e5 \8 |
}
: i$ {& w; ~2 {
/ S- Z+ n& _" L
function setTransition(){
+ z4 u0 H% U- t) q5 m9 L
if (document.all){
P8 W- j' e7 d0 l1 u6 e& Y
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
U0 O( X! h8 H8 X5 l$ Q% A
bannerADrotator.filters.revealTrans.apply();
0 c4 X+ F; w6 h6 M2 I8 a5 h2 N2 ]8 u
}
# l0 f& N2 k3 O* z4 A0 b6 Z8 o
}
' Y4 d0 V! i2 L$ I) R; p
% S1 S l: ~8 ?' T
function playTransition(){
) S& X) M& _# D2 x
if (document.all)
7 B3 i0 @7 @, ?
bannerADrotator.filters.revealTrans.play()
S, K6 c$ a Q
}
* p- v# ]- v! ]. B
, s. L. X1 T6 [; x! r( l7 ]: C
function nextAd(){
" o9 o/ m1 T, m @7 p' A! B8 W
if(adNum<bannerAD.length-1)adNum++ ;
. l! `8 r4 E1 D b; r- S& f
else adNum=0;
1 ^% `( e2 x, p( x2 U3 ]5 O+ O4 T
setTransition();
/ l* k/ A. o2 G3 k, a
document.images.bannerADrotator.src=bannerAD[adNum];
" L) h$ `" ^! z6 Y. `
playTransition();
7 p" S2 a6 p! e# D1 }3 k3 u8 b
theTimer=setTimeout("nextAd()", 5000);
; X7 V0 i- r( O- w3 _; s' S: h
}
& V9 q9 C" r1 ?; M8 X
4 |6 R( F8 y/ Q# {5 W% T+ u/ A, d
function jump2url(){
5 D0 l) r2 r% I% w2 k
jumpUrl=bannerADlink[adNum];
, Q) ^, g$ x: u! P: w& ^1 X
jumpTarget='_blank';
4 {3 \4 L* f" e0 O# _
if (jumpUrl != ''){
; x0 o# O' z5 {1 {; ^
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
! P# a) Y9 S4 E9 t$ O% ?
else location.href=jumpUrl;
# h6 f; g- j, |, g
}
0 P, ^/ u+ g* ?( m. ]
}
% i% \ B4 o6 z& {
function displayStatusMsg() {
7 L. I& J# Y; o
status=bannerADlink[adNum];
c! h% {# T% f1 F# l
document.returnValue = true;
, C$ w8 d: g6 Q$ [
}
3 I5 R6 O# n! i) a O
3 y( h- T o. _# P; y& `$ n
//-->
. M% y4 ]- m( o# b8 n4 i
</script>
0 v1 d2 q3 j6 N: ~( z
//修改下面的图片的宽度和高度、地址
6 V2 X: X6 J3 o. n @3 j
<A onmouseover="displayStatusMsg();return document.returnValue"
* B& K$ Y, }4 s( v+ D
href="javascript:jump2url()"><IMG
& V- a1 D8 Q0 Z" m2 f4 B
style="FILTER: revealTrans(duration=2,transition=20)" height=66
0 W# K. f V# a! n
src="../../image/02s.jpg" width=400 border=1
: u7 Z# _, h J l- }# g/ E
name=bannerADrotator>
* A; g) @, \/ J7 k! m3 N; {$ ]% x5 X
</A>
( @+ [ ^ }# y0 p3 l- S! u
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
