南德大院户型图:网页制作问题,请大家帮忙解决

来源:百度文库 编辑:神马品牌网 时间:2024/04/29 02:28:37
在网页制作中那种图片一遮过去一张,然后接着下一张或者换种切换方式的这种效果是怎么做出来的?是用flash的吗?请各位予以帮助
代码知道不?

不是哦.你可以看看这个.有代码的.
http://susewxs.ik8.com/stfc/
代码如下:
<script language="javascript">
var adImg = new Array();
var adLink = new Array();
var cID=0;
adImg[0]="http://susewxs.ik8.com/photos/fl009.jpg"; //图片地址
adLink[0]="http://susewxs.ik8.com/picture/1-1.jpg";
adImg[1]="http://susewxs.ik8.com/photos/yx001.jpg";
adLink[1]="http://susewxs.ik8.com/photos/fl009.jpg";
adImg[2]="http://susewxs.ik8.com/photos/yx002.jpg";
adLink[2]="http://susewxs.ik8.com/photos/yx001.jpg";
adImg[3]="http://susewxs.ik8.com/photos/yx002.jpg";
adLink[3]="http://susewxs.ik8.com/photos/fl009.jpg";
adImg[4]="http://susewxs.ik8.com/photos/yx002.jpg";
adLink[4]="http://susewxs.ik8.com/photos/yx001.jpg";
adImg[5]="http://susewxs.ik8.com/photos/yx002.jpg";
adLink[5]="http://susewxs.ik8.com/photos/fl009.jpg";
adImg[6]="http://susewxs.ik8.com/photos/yx001.jpg";
adLink[6]="http://susewxs.ik8.com/photos/yx002.jpg";
adImg[7]="http://susewxs.ik8.com/photos/fl009.jpg";
adLink[7]="http://susewxs.ik8.com/photos/yx002.jpg";
adImg[8]="http://susewxs.ik8.com/photos/yx001.jpg";
adLink[8]="http://susewxs.ik8.com/photos/yx002.jpg";
adImg[9]="http://susewxs.ik8.com/photos/fl009.jpg";
adLink[9]="http://susewxs.ik8.com/photos/yx001.jpg";
var preImgs=new Array(); for(i=0;i<10;i++)
{ preImgs[i]=new Image(); preImgs[i].src = adImg[i]; }
function NextAd() { if(cID == 10)cID=0; if(document.all)
{ imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } }
function ShowLink() { document.returnValue = true; }
function Go2Url() { window.open(adLink[cID-1]); }
</script>
<a onMouseOver="javascript:ShowLink();return document.returnValue;" >
<img name="imgAD" style="FILTER: revealTrans(duration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid; BORDER-BOTTOM:#cccccc 1px solid" src="javascript:NextAd()" border="0" width="375" height="274" hspace="0">