图片切换效果
|
<HEAD><TITLE>图片切换效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
MARGIN: 0px
}
TABLE {
FONT-SIZE: 9pt; LINE-HEIGHT: 18px
}
A:link {
FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none
}
.title01 {
FONT-WEIGHT: bold; COLOR: #ff7200
}
A:hover {
FONT-SIZE: 9pt; COLOR: #ff0000; TEXT-DECORATION: underline
}
A:visited {
FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none
}
.style2 {
COLOR: #666666
}
.style3 {
COLOR: #ff6600
}
</STYLE>
<META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=281 border=0>
<SCRIPT>
var fadeimages = new Array;
var linkarr = new Array;
var numimg = new Array;
fadeimages[0] = '/yx/UserFiles/gif01.gif';
linkarr[0] = 'http://www.yangxinblog.cn' ;
numimg[0] = '/yx/UserFiles/gif02.gif';
fadeimages[1] = '/yx/UserFiles/gif03.gif';
linkarr[1] = 'http://www.yangxinblog.cn';
numimg[1] = '/yx/UserFiles/gif04.gif';
fadeimages[2] = '/yx/UserFiles/gif05.gif';
linkarr[2] = 'http://www.yangxinblog.cn';
numimg[2] = '/yx/UserFiles/gif06.gif';
fadeimages[3] = '/yx/UserFiles/gif07.gif';
linkarr[3] = 'http://www.yangxinblog.cn';
numimg[3] = '/yx/UserFiles/gif08.gif';
fadeimages[4] = '/yx/UserFiles/gif09.gif';
linkarr[4] = 'http://www.yangxinblog.cn';
numimg[4] = '/yx/UserFiles/gif10.gif';
var cliImg = '';
var cliImgSrc = '';
var n = Math.round(Math.random() * 10);
var interval = 5000;
var setTimeId = '';
function rotateStop()
{
clearTimeout(setTimeId);
}
function rotateStart()
{
rotate();
}
function chki(ci, no)
{
var pImg = document.all.RollImg;
var pUrl = document.all.RollUrl;
if(cliImg == '') {
cliImg = ci;
cliImgSrc = ci.src;
ci.src = numimg[no];
n=no;
pImg.src = fadeimages[no];
pUrl.href = linkarr[no];
} else if(cliImg != ci) {
cliImg.src = cliImgSrc;
cliImg = ci;
cliImgSrc = ci.src;
ci.src = numimg[no];
n=no;
pImg.src = fadeimages[no];
pUrl.href = linkarr[no];
}
}
function rotate()
{
n = (n >= 4) ? 0 : n+1;
setimgurl();
setTimeId=setTimeout("rotate()",interval);
}
function setimgurl()
{
var ci = eval('document.all.num_img'+n);
document.all.RollImg.filters.blendTrans.apply();
document.all.RollUrl.href=linkarr[n];
document.all.RollImg.src=fadeimages[n];
document.all.RollImg.filters.blendTrans.play();
if(cliImg == '') {
cliImg = ci;
cliImgSrc = ci.src;
ci.src = numimg[n];
} else if(cliImg != ci) {
cliImg.src = cliImgSrc;
cliImg = ci;
cliImgSrc = ci.src;
ci.src = numimg[n];
}
}
//-->
</SCRIPT>
<TBODY>
<TR>
<TD vAlign=top background="/yx/UserFiles/gif11.gif"
height=215>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=14></TD>
<TD height=14></TD>
<TD height=14></TD></TR>
<TR>
<TD width=17> </TD>
<TD width=229><A onfocus=this.blur()
href="#" target=_blank
name=RollUrl><IMG style="FILTER: blendTrans(duration=1)" height=182
src="/yx/UserFiles/gif12.gif" width=229 border=0
name=RollImg></A></TD>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=2 width="80%" align=center
border=0>
<TBODY>
<TR>
<TD><IMG style="CURSOR: hand" onClick="chki(this, 0);"
height=15 src="/yx/UserFiles/gif13.gif"
width=19 name=num_img0></TD></TR>
<TR>
<TD><IMG style="CURSOR: hand" onClick="chki(this, 1);"
height=15 src="/yx/UserFiles/gif14.gif"
width=19 name=num_img1></TD></TR>
<TR>
<TD><IMG style="CURSOR: hand" onClick="chki(this, 2);"
height=15 src="/yx/UserFiles/gif15.gif"
width=19 name=num_img2></TD></TR>
<TR>
<TD><IMG style="CURSOR: hand" onClick="chki(this, 3);"
height=15 src="/yx/UserFiles/gif16.gif"
width=19 name=num_img3></TD></TR>
<TR>
<TD><IMG style="CURSOR: hand" onClick="chki(this, 4);"
height=15 src="/yx/UserFiles/gif17.gif"
width=19
name=num_img4></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
<!--
rotateStart();
//-->
</SCRIPT>
</BODY></HTML>
浙公网安备 33010602011771号