HTML与JavaScript广告轮播实现-CSDN博客

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body style="margin:0px; padding:0px;">
<table width="955" height="93" style=" margin:0px; padding:0px;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="955" height="93">

<script language="JavaScript">                                //js代码               

var bannerAD = new Array(); //用于存放图片路径（相对路径）

var adNum = 0;

                                bannerAD[0] = "image/banner1.gif";

                                bannerAD[1] = "image/banner111.jpg";

var cljjh = new Array();

                                cljjh[0] = "TWHP.aspx?id=1&skin=ZH";

                                cljjh[1] = "TWHP.aspx?id=1&skin=EN";

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 < cljjh.length - 1)) adNum++;

else adNum = 0;

                                    setTransition();

                                    document.images.bannerADrotator.src = bannerAD[adNum];
                                    document.getElementById("cljaa").href = cljjh[adNum];
                                    playTransition();

                                    theTimer = setTimeout("nextAd()", 5000); //5秒钟切换一张图片

                                }                          

</script>

<a target="_parent" id="cljaa" href="" name="clj"><img style="filter: revealTrans(duration=2,transition=20)" height="93" src="" width="955"
                                border="0" name="bannerADrotator"></a>

<script language="javascript" type="text/javascript">                                nextAd()</script>

</td>
</tr>
</table>
</body>
</html>