Dreamweaver8制作的网页中如何实现多幅自动循环播放(幻灯片),需要详细步骤,不要搜索来的答案,谢

给你个代码,你看看

第一个,多幅同显

(加入body中你想要的位置)

<!--从右向左开始-->

<div id=demo style="OVERFLOW: hidden; WIDTH: 150px; COLOR: #ffffff; HEIGHT: 120px">

<table cellPadding=0 align=left border=0 cellspace="0">

<tr>

<td id=demo1 vAlign=top>

<table cellSpacing=0 cellPadding=5 border=0>

<tr>

<td><A href="#" target=_blank><IMG height=120 src="/CN/UploadFiles/200609/20060909141507988.JPG" border=0></A></td>

<td><A href="#" target=_blank><IMG height=120 src="/CN/UploadFiles/200609/20060909141507972.JPG" border=0></A></td>

</tr>

</table>

</td>

<td id=demo2 vAlign=top></td>

</tr>

</table>

</div>

<SCRIPT>

var speed=15//速度数值越大速度越慢

demo2.innerHTML=demo1.innerHTML

function Marquee1(){

if(demo2.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo1.offsetWidth

else{

demo.scrollLeft++;

}

}

var MyMar1=setInterval(Marquee1,speed)

demo.onmouseover=function() {clearInterval(MyMar1)}

demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}

</SCRIPT>

<!--从右向左结束-->

2轮播(直接拷贝测试)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/sygj/ggdm.htm";

slidelinks[1]="/sygj/ggdm.htm";

slidelinks[2]="/sygj/ggdm.htm";

slidelinks[3]="/sygj/ggdm.htm";

slidelinks[4]="/sygj/ggdm.htm";

//焦点图初始内容--start

var slidespeed=3000

var slidesanjiaoimages=new Array("images/bian2.gif","images/bian1.gif");

var slidesanjiaoimagesname=new Array("xiaosan1","xiaosan2","xiaosan3","xiaosan4","xiaosan5");

var filterArray=new Array();

filterArray[0]="progid:DXImageTransform.Microsoft.Pixelate (enabled=false,duration=2,maxSquare=25 )";

filterArray[1]="progid:DXImageTransform.Microsoft.Stretch (duration=1,stretchStyle=PUSH)";

filterArray[2]="progid:DXImageTransform.Microsoft.Stretch(duration=1)";

filterArray[3]="progid:DXImageTransform.Microsoft.Slide(bands=8, duration=1)";

filterArray[4]="progid:DXImageTransform.Microsoft.Fade ( duration=1,overlap=0.25 )";

var imageholder=new Array()

var ie55=window.createPopup

for (i=0;i<slideimages.length;i++){

imageholder[i]=new Image()

imageholder[i].src=slideimages[i]

}

function tu_ove(){clearTimeout(setID)}

function ou(){slideit()}

var whichlink=0

var whichimage=0

function gotoshow(){

window.open(slidelinks[whichlink]);

}

function slideit(){

document.images.slide.style.filter=filterArray[whichimage];

//alert(document.images.slide.style.filter);

pixeldelay=(ie55)? (document.images.slide.filters[0].duration*1000) : 0

//alert(pixeldelay);

if (!document.images) return

if (ie55) {

document.images.slide.filters[0].apply();

document.images.slide.filters[0].play();

}

document.images.slide.src=imageholder[whichimage].src

document.getElementById("textslide").innerText=slidetext[whichimage];

document.getElementById("xiaosan1").src=slidesanjiaoimages[0];

document.getElementById("xiaosan2").src=slidesanjiaoimages[0];

document.getElementById("xiaosan3").src=slidesanjiaoimages[0];

document.getElementById("xiaosan4").src=slidesanjiaoimages[0];

document.getElementById("xiaosan5").src=slidesanjiaoimages[0];

document.getElementById(slidesanjiaoimagesname[whichimage]).src=slidesanjiaoimages[1];

if (ie55) document.images.slide.filters[0].play()

whichlink=whichimage

whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0

setID=setTimeout("slideit()",slidespeed+pixeldelay)

}

slideit()

function ove(n){

clearTimeout(setID)

whichimage=n;

document.images.slide.src=imageholder[whichimage].src

document.getElementById("textslide").innerText=slidetext[whichimage];

document.getElementById("xiaosan1").src=slidesanjiaoimages[0];

document.getElementById("xiaosan2").src=slidesanjiaoimages[0];

document.getElementById("xiaosan3").src=slidesanjiaoimages[0];

document.getElementById("xiaosan4").src=slidesanjiaoimages[0];

document.getElementById("xiaosan5").src=slidesanjiaoimages[0];

document.getElementById(slidesanjiaoimagesname[whichimage]).src=slidesanjiaoimages[1];

}

</SCRIPT>

</td>

</tr>

</table>

</body>

</html>

注意,创建一个images文件夹,放置ad-01等,对照代码