banner图片JS切换过渡效果怎么做？？
求 http://www.frogdesign.cn/ 的banner图片JS切换过渡效果的代码，应该怎样做才能做到那种效果？ 用JS做的，不要用flash.
你去百度搜 js调用代码 有很多的 刚刚你那站我看了 没发现里面有js过渡效果 你搜下 有些站专门 有这类的！~
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-06-10
<html><!-- 脚本代码开始 -->
<head>
<script language="JavaScript" type="text/javascript">
<!--
var bannerAD=new Array();
var adNum=0;
bannerAD[0]=banner1.jpg';
bannerAD[1]=banner2.jpg';
bannerAD[2]=banner3.jpg';
var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++) {
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}
function setTransition() {
if (document.all) {
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition() {
if (document.all) {
bannerADrotator.filters.revealTrans.play();
}
}
function nextAd() {
if (adNum<bannerAD.length-1) {
adNum++;
} else {
adNum=0;
}
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}
//-->
</script>
<!-- 脚本代码结束 -->
</head>
<body>
<!--调用开始-->
<table>
<td width="159" valign="middle">
<img src="" name="bannerADrotator" width="159" height="184" style="FILTER: revealTrans(duration=2,transition=20);">
<script language="JavaScript" type="text/javascript">
nextAd()
</script></td>
<!-- 调用结束 -->
</table>
</body>
</html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
var bannerAD=new Array();
var adNum=0;
bannerAD[0]=banner1.jpg';
bannerAD[1]=banner2.jpg';
bannerAD[2]=banner3.jpg';
var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++) {
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}
function setTransition() {
if (document.all) {
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition() {
if (document.all) {
bannerADrotator.filters.revealTrans.play();
}
}
function nextAd() {
if (adNum<bannerAD.length-1) {
adNum++;
} else {
adNum=0;
}
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}
//-->
</script>
<!-- 脚本代码结束 -->
</head>
<body>
<!--调用开始-->
<table>
<td width="159" valign="middle">
<img src="" name="bannerADrotator" width="159" height="184" style="FILTER: revealTrans(duration=2,transition=20);">
<script language="JavaScript" type="text/javascript">
nextAd()
</script></td>
<!-- 调用结束 -->
</table>
</body>
</html>
相似回答
