![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id=scriptmain name=scriptmain
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="300" height="300">
<param name="movie" value="bcastr.swf?bcastr_flie=images/01.jpg|images/02.jpg|images/03.jpg&bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com&bcastr_title=百度|NBA|Ruochi.com">
<param name="quality" value="high">
<param name=scale value=noscale>
<param name="LOOP" value="false">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<%--<embed src="bcastr.swf?bcastr.swf?bcastr_flie=aaa.jpg|bbb.jpg|ccc.swf&bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.admin5.com&bcastr_title=百度|NBA|Ruochi.com" width="640" height="106" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>--%>
</object>
第二种:
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
网页代码
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="scriptmain" name="scriptmain"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="300" height="300">
<param name="movie" value="bcastr.swf?bcastr_xml_url=image.xml"/>
<param name="quality" value="high"/>
<param name="scale" value="noscale"/>
<param name="LOOP" value="false"/>
<param name="menu" value="false"/>
<param name="wmode" value="transparent"/>
<embed src="bcastr.swf?bcastr_xml_url=image.xml" width="300" height="300"
loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false"
wmode="transparent"></embed>
</object>
image.xml代码
<?xml version="1.0" encoding="utf-8" ?>
<bcaster autoPlayTime="5">
<item item_url="images/01.jpg" link="http://www.makewing.com" itemtitle="广告创意01">
</item>
<item item_url="images/02.jpg" link="http://www.makewing.com" itemtitle="广告创意02">
</item>
<item item_url="images/03.jpg" link="http://www.makewing.com" itemtitle="广告创意03">
</item>
<item item_url="images/04.jpg" link="http://www.makewing.com" itemtitle="广告创意04">
</item>
<item item_url="images/05.jpg" link="http://www.makewing.com" itemtitle="广告创意05">
</item>
</bcaster>
第三种:
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<table width="312" border="0" align="center" cellpadding="0" cellspacing="0" class="solidbox">
<tr>
<td width="312" height="312" align="center"><TABLE border=0 align="center" cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD><DIV id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 220px; HEIGHT: 194px"><A
href="http://www.admin5.com/union/"
target=_blank><IMG id=oDIV1
style="DISPLAY: yes;"
height=300 src="images/01.jpg"
width=300 border=0></A><A
href="http://www.admin5.com/union/"
target=_blank><IMG id=oDIV2
style="DISPLAY: none;"
height=300 src="images/02.jpg"
width=300 border=0></A><A
href="http://www.admin5.com/union/"
target=_blank><IMG id=oDIV3
style="DISPLAY: none;"
height=300 src="images/03.jpg"
width=300 border=0></A><A
href="http://www.admin5.com/union/"
target=_blank><IMG id=oDIV4
style="DISPLAY: none;"
height=300 src="images/04.jpg"
width=300 border=0></A></DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
<tr>
<td height="22" align="right" valign="top"><script type="text/javascript">var MaxImg = 4; fnToggle();</script>
<TABLE cellSpacing=1 cellPadding=0 width=110
border=0>
<TBODY>
<TR>
<TD width=26><A href="javascript:toggleTo(1)"><IMG height=15
src="images/s_1.gif" width=17
border=0></A></TD>
<TD width=26><A href="javascript:toggleTo(2)"><IMG height=15
src="images/s_2.gif" width=17
border=0></A></TD>
<TD width=26><A href="javascript:toggleTo(3)"><IMG height=15
src="images/s_3.gif" width=17
border=0></A></TD>
<TD width=27><A href="javascript:toggleTo(4)"><IMG height=15
src="images/s_4.gif" width=17
border=0></A></TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>
JS代码
var NowImg = 1;
var bStart = 0;
var bStop =0;
function fnToggle()
{
var next = NowImg + 1;
if(next == MaxImg+1)
{
NowImg = MaxImg;
next = 1;
}
if(bStop!=1)
{
if(bStart == 0)
{
bStart = 1;
setTimeout('fnToggle()', 4000);
return;
}
else
{
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowImg].style.display = "none";
oTransContainer.filters[0].Play(duration=2);
if(NowImg == MaxImg)
NowImg = 1;
else
NowImg++;
}
setTimeout('fnToggle()', 4000);
}
}
function toggleTo(img)
{
bStop=1;
if(img==1)
{
document.images['oDIV1'].style.display = "";
document.images['oDIV2'].style.display = "none";
document.images['oDIV3'].style.display = "none";
document.images['oDIV4'].style.display = "none";
}
else if(img==2)
{
document.images['oDIV2'].style.display = "";
document.images['oDIV1'].style.display = "none";
document.images['oDIV3'].style.display = "none";
document.images['oDIV4'].style.display = "none";
}
else if(img==3)
{
document.images['oDIV3'].style.display = "";
document.images['oDIV1'].style.display = "none";
document.images['oDIV2'].style.display = "none";
document.images['oDIV4'].style.display = "none";
}
else if(img==4)
{
document.images['oDIV4'].style.display = "";
document.images['oDIV1'].style.display = "none";
document.images['oDIV2'].style.display = "none";
document.images['oDIV3'].style.display = "none";
}
}
css代码
td {font-size: 12px;}
.solidbox {
BORDER-TOP: #D7D7D7 1px solid;
BORDER-RIGHT: #D7D7D7 1px solid;
BORDER-BOTTOM: #D7D7D7 1px solid;
BORDER-LEFT: #D7D7D7 1px solid;
}