1、随机变换效果： <table border=0 cellpadding=0 cellspacing=0>
<tr><td height=4></td></tr>
<tr><td width=8></td><td>
<!-- 动态图开始 -->
<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
imgUrl[1]="
http://www.cnknow.com/images/Main/1.gif";;
imgLink[1]="http://www.cnknow.com/";;
imgUrl[2]="http://blog.cnknow.com/attachments/month_0603/85wa_135787.jpg";;
imgLink[2]="http://www.cnknow.com/";;
imgUrl[3]="http://blog.cnknow.com/attachments/month_0603/b92f_135798.jpg";;
imgLink[3]="http://www.cnknow.com/";;
var imgPre=new Array();
var j=0;
for (i=1;i<=3;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
j++;
} else {
break;
}
}
function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}
var key=0;
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;
if( key==0 ){
key=1;
} else if (document.all){
imgInit.filters.revealTrans.Transition=100;
imgInit.filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src=imgUrl[adNum];
theTimer=setTimeout("nextAd()", 3000);
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget="_blank";
if (jumpUrl != ""){
if (jumpTarget != "")
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>
<a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=2,transition=20);border-color:#000000;color:#000000" src="javascript:nextAd()" border=1 class=img01 name=imgInit></a><!
-- 动态图结束 --></td></tr>
</table>
2、渐变轮换效果
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 4;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}
if(bStart == 0)
{
bStart = 1;
setTimeout("fnToggle()", 3500);
return;
}
else
{
oTransContainer.filters[0].Apply();
document.images["oDIV"+next].style.display = "";
document.images["oDIV"+NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration=2);
if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout("fnToggle()", 3500);
}
fnToggle();
</SCRIPT>
<div align="center">
<DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion="forward"); WIDTH: 165px; HEIGHT: 83px">
<A href="/default.asp" target=_blank><IMG id=oDIV1 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" src="http://www.cnknow.com/images/Main/1.gif"; border=0 width=241 height=121></A>
<A href="/default.asp" target=_blank><IMG id=oDIV2 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" width=241 height=121 src=http://blog.cnknow.com/attachments/month_0603/85wa_135787.jpg border=0></A>
<A href="/default.asp" target=_blank><IMG id=oDIV3 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src="http://www.cnknow.com/images/Main/1.gif"; border=0 width=241 height=121></A>
<A href="/default.asp" target=_blank><IMG id=oDIV4 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src=http://blog.cnknow.com/attachments/month_0603/b92f_135798.jpg width=241 height=121 border=0></A>
</div>
3.js生成Flash效果（sina）
<SCRIPT type=text/javascript>
<!--
var focus_width=260
var focus_height=182
var text_height=25
var swf_height = focus_height+text_height
var pics="http://blog.cnknow.com/attachments/month_0603/3.jpg|http://blog.cnknow.com/attachments/month_0603/2.jpg|http://blog.cnknow.com/attachments/month_0603/1.jpg"
var links="http://cnknow.com/|http://cnknow.com/|http://cnknow.com/"
var texts="唐正东与莫科之争|江苏掀翻八一|巴特尔独木难支"
document.write("<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width=""+ focus_width +"" height=""+ swf_height +"">");
document.write("<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://www.cnknow.com/images/media/pixviewer.swf";><param name="quality" value="high"><param name="bgcolor" value="#DADADA">");
document.write("<param name="menu" value="false"><param name=wmode value="opaque">");
document.write("<param name="FlashVars" value="pics="+pics+"&links="+links+"&texts="+texts+"&borderwidth="+focus_width+"&borderheight="+focus_height+"&textheight="+text_height+"">");
document.write("</object>");
//-->
</SCRIPT>
5.图片效果
<!--begin:图片轮换开始-->
<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgTz=new Array();
var buttonShow=1;
var buttonPos=1;
var buttonX;
var buttonY;
var bakularCode=""
var adNum=0;
var dakularCode="";
imgUrl[1]="http://www.icxo.com/images/focus/shandong.jpg";;
imgLink[1]="http://finance.icxo.com/htmlnews/2005/09/07/661868.htm";;
imgTz[1]="半年收本QQ抢占沪黑市场";
imgUrl[2]="http://www.icxo.com/images/focus/hai.jpg";;
imgLink[2]="http://finance.icxo.com/htmlnews/2005/09/02/659032.htm";;
imgTz[2]="傅成玉反思中海油收购案";
imgUrl[3]="http://www.icxo.com/images/focus/shiyou.jpg";;
imgLink[3]="http://finance.icxo.com/htmlnews/2005/09/07/662140.htm";;
imgTz[3]="煤变油成新一轮资源浪费?";
imgUrl[4]="http://www.icxo.com/images/focus/shandong.jpg";;
imgLink[4]="http://finance.icxo.com/htmlnews/2005/09/05/660108.htm";;
imgTz[4]="山东高耗能GDP跃进难再现";
var imgPre=new Array();
for (i=1;i<8;i++)
{
imgPre[i]=new Image();
imgPre[i].src=imgUrl[i];
}
function setTransition()
{
if (document.all)
{
imgUrlrotator.filters.revealTrans.Transition=23;//Math.floor(Math.random()*23)
imgUrlrotator.filters.revealTrans.apply();
}
}
function playTransition()
{
if (document.all)
imgUrlrotator.filters.revealTrans.play()
}
function nextAd(toNum)
{
if(adNum<imgUrl.length-1)
adNum++ ;
else
adNum=1;
if(toNum!=null) adNum=toNum;
setTransition();
document.images.imgUrlrotator.src=imgUrl[adNum];
document.getElementById("linktext").innerHTML=imgTz[adNum];
document.images.imgUrlrotator.alt="今日头条："+imgTz[adNum];
document.getElementById("linktext").innerHTML="<a href="+imgLink[adNum]+" target=_blank class=px14-lh20>"+imgTz[adNum]+"</a>";
playTransition();
checkButton();
if(toNum!=null)
{toNum=null;theTimer=setTimeout("nextAd()", 7000);}
else
{theTimer=setTimeout("nextAd()", 7000);}
}
function jump2url()
{
jumpUrl=imgLink[adNum];jumpTarget="_blank";
if (jumpUrl != "")
{ if (jumpTarget != "")
window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg()
{
status=imgLink[adNum];
document.returnValue = true;
}
function checkButton()
{
for(i=1;i<=imgUrl.length-1;i++)
{if(i==adNum)
//document.getElementById("bt"+i).style.backgroundColor="#00FF00";
eval("bt"+i+".style.backgroundColor="#9B0000";bt"+i+".style.color="#FFFFFF";");
else
eval("bt"+i+".style.backgroundColor="#CCCCCC";bt"+i+".style.color="#000000";");
}
}
function dakularButtons()
{
if(buttonShow==1)
{
switch(buttonPos)
{
case 1:{buttonX=160+20-imgUrl.length*20;buttonY=16;break;}
case 2:{buttonX=160+20-imgUrl.length*20;buttonY=125;break;}
case 3:{buttonX=imgUrl.length*20-100;buttonY=16;break;}
case 4:{buttonX=imgUrl.length*20-100;buttonY=125;break;}
default:{buttonX=160+20-imgUrl.length*20;buttonY=16;break;}
}
for(i=1;i<=imgUrl.length-1;i++)
{
dakularCode=dakularCode+"<div id="bt"+i+"" style="display:inline; height=14px; width:20px; border:1px solid #000000; background-color:#f7f7f7; color:#000000; font-size:12px; line-height:14px; filter:Alpha(Opacity=50, FinishOpacity=50,Style=2);" align="center" onMouseOver=this.style.backgroundColor="#FFFFFF";this.style.color="#000000";this.style.cursor="hand" onMouseOut=checkButton(); onClick="clearTimeout(theTimer);nextAd("+i+");">"+i+"</div>";
}
dakularCode="<div style="display:inline; position:relative;left:"+buttonX+"px; top:"+buttonY+"px; z-index:1;">"+dakularCode+"</div>";
document.write(dakularCode);
}
}
</script>
<table border="0" cellpadding="0" cellspacing="0" id=newsTable style="position:relative; top:-10px;right:0px; font-size:12px;">
<script language="javascript">dakularButtons();</script><tr><td><a onMouseOver="displayStatusMsg();return document.returnValue;" onMouseOut="status="";" href="javascript:jump2url()"><img style="FILTER: revealTrans(duration=1,transition=18); border:1px solid #000000" src="javascript:nextAd()" width=160 height=150 border=0 name=imgUrlrotator alt="今日头条"></a></td></tr>
<tr><td bgcolor="#f0f0f0" align="center" style="border-bottom:1px solid #000000; border-left:1px solid #000000;border-right:1px solid #000000;" height="20"><label id="linktext"></label></td></tr>
</table>
<!--begin:图片轮换结束-->
