网页特效：百页窗图片展示

您可能对这些也感兴趣:

经常在比较大的网站首页看到一些图片展示好像百页窗感觉，几张图片轮番展示，非常动感，前段时间一直在寻找，终于给我找到了代码，本站前段时间一直在用，这个效果可以用来展示广告。

程序代码

<div id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe (GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 760px; HEIGHT: 90px"><a href="http://www.20click.com/index.php?u=wodidai" target="_blank"><img class=pic id=oDIV1 src="go/images/519_85.jpg" alt="会上网，有鼠标，那么你就来赚钱吧，每周轻松赚800元" border="0"> <script>var NowFrame = 1;var MaxFrame = 2;var bStart = 0;function fnToggle(){var next = NowFrame + 1;if(next == MaxFrame+1) {NowFrame = MaxFrame;next = 1;}if(bStart == 0) {bStart = 1;setTimeout('fnToggle()', 2000);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()', 6000);} fnToggle();</script> </a> <a href="http://www.alitong.com/index.asp?linkid=25142" target="_blank"><img class=pic id=oDIV2 src="go/images/alicall.jpg" alt="加盟中国最赚钱的电子商务联盟获取24%大回报" border="0" width=760 height=90 style="DISPLAY: none;"></a> </div>

最好是把代码复制到你的网页里进行调试，本人之所以写出来一是分享给各位，二来是给自己做个备忘，这里讲解一下代码几个注意部位：
一、WIDTH: 760px; HEIGHT: 90px这个部位是用来控制展示图片的宽度和高度；
二、MaxFrame = 2这个部位的数字“2”是说明你要展示几个图片，如果你有3张图片展示那就一定要改成3,这个务必要相对填写正确的数字！