取自《剑侠情缘》网站的广告图片轮换效果

演示：http://jx.xoyo.com/zt/

HTML:

<script language="javascript" type="text/javascript">
<!--
var bannerAD = new Array();
var bannerADlink = new Array();
var adNum = 0;


bannerAD[0] = "http://img.kingsoft.com/publish/jx/images/2006/04/04/500-100.gif";
bannerADlink[0] = "http://jx.xoyo.com/zt/2006/03/wldh/index.shtml";
bannerAD[1] = "http://img.kingsoft.com/publish/jx/images/2006/04/17/500-100.jpg";
bannerADlink[1] = "http://jx.xoyo.com/zx/news/2006/04/14/80849.shtml";

var preloadedimages = new Array();

for (i=0;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()", 6000);

}



function jump2url() {
    jumpUrl = bannerADlink[adNum];
    jumpTarget = '_blank';

    if (jumpUrl != '') {
        if (jumpTarget != '') window.open(jumpUrl, jumpTarget);
        else location.href = jumpUrl;
    }
}

function displayStatusMsg() {
    status = bannerADlink[adNum];
    document.returnValue = true;
}
//-->
</script>

<a onMouseOver="displayStatusMsg();return document.returnValue" href="javascript:jump2url()"><img  src="javascript:nextAd()"   name="bannerADrotator" border="0" id="bannerADrotator" style="FILTER: revealTrans(duration=2,transition=20)" /></a>

Firefox 下可以轮换广告，但是因为转换滤镜为 IE 私有，所以特殊效果在 IE 下才可见。

 

可是我还没用过呢。

 

那就是现在已经没有往来咯？

 

SDO 哪个页面的？

首页只有一个 Flash 的。

 

SDO 音乐，也就是那个互动娱乐社区首页，轮换广告，找到对应代码：

HTML:

<div><script language="JavaScript" type="text/javascript" src="/ptpic/060112/indexbigimg2.js"></script>

      <a href="javascript:goUrl()" target="_self" ><img src="javascript:nextAd()"  name="imgInit" width="345" height="145" class="boder_fff" id="imgInit" style="FILTER: revealTrans(duration=2,transition=20);" /></a></div>

竟然和《剑侠情缘》(金山)一样的。

 

http://ttt.sdo.com/web1.0/banner.htm

代码都在这个页面中，弄它的，不需要什么技术含量。

先备份了再说。