& lt表格cell padding = 0 align = left border = 0 cell space = \" 0 \" & gt;" />
當前位置:編程學習大全網 - 源碼下載 - 如何實現Dreamweaver8制作的網頁中多張幻燈片的自動播放,需要詳細的步驟。不搜答案了,謝謝。

如何實現Dreamweaver8制作的網頁中多張幻燈片的自動播放,需要詳細的步驟。不搜答案了,謝謝。

給妳個碼,看看。

首先,多張圖片同時顯示

(在正文中添加您想要的位置)

& lt!-從右向左開始-& gt;

& ltdiv id = demo style = " OVERFLOW:hidden;寬度:150 px;顏色:# ffffff高度:120px " >

& lt表格cell padding = 0 align = left border = 0 cell space = " 0 " & gt;

& lttr & gt

& lttd id=demo1 vAlign=top>。

& lt表格單元格間距=0單元格填充=5邊框= 0 & gt

& lttr & gt

& lttd & gt& ltA href = " # " target = _ blank & gt& ltIMG身高= 120 src = "/CN/upload files/200609/200609141507988。JPG " border = 0 & gt;& lt/A & gt;& lt/TD & gt;

& lttd & gt& ltA href = " # " target = _ blank & gt& ltIMG身高= 120 src = "/CN/upload files/200609/200609141507972。JPG " border = 0 & gt;& lt/A & gt;& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;

& lt/TD & gt;

& lttd id=demo2 vAlign=top>。& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;

& lt/div & gt;

& lt腳本& gt

Var speed=15//速度值越大,速度越慢。

demo 2 . innerhtml = demo 1 . innerhtml

函數字幕1(){

if(demo 2 . offsetwidth-demo . scroll left & lt;=0)

demo . scroll left-= demo 1 . offsetwidth

否則{

demo . scroll left++;

}

}

var mymar 1 = setInterval(marquee 1,速度)

demo . onmouseover = function(){ clear interval(mymar 1)}

demo . onmouseout = function(){ mymar 1 = setInterval(marquee 1,speed)}

& lt/SCRIPT & gt;

& lt!-從右到左結束-& gt;

2個轉盤(直接復制測試)

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

slide links[1]= "/sygj/ggdm . htm ";

slide links[2]= "/sygj/ggdm . htm ";

slide links[3]= "/sygj/ggdm . htm ";

slide links[4]= "/sygj/ggdm . htm ";

//焦點映射的初始內容-開始

var slidespeed=3000

var slide sanjiaoimages = new Array(" images/bian 2 . gif "," images/bian 1 . gif ");

var slide sanjiaoimagesname = new Array("小三1 ","小三2 ","小三3 ","小三4 ","小三5 ");

var filter Array = new Array();

filter array[0]= " progid:DXImageTransform。Microsoft . Pixelate(enabled = false,duration=2,max square = 25)";

filter array[1]= " progid:DXImageTransform。Microsoft . Stretch(duration = 1,Stretch style = PUSH)";

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

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

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

var imageholder =新數組()

var ie55=window.createPopup

for(I = 0;我& ltslideimages .長度;i++){

Image holder[I]=新圖像()

imageholder[i]。src =幻燈片圖像[i]

}

函數tu_ove(){clearTimeout(setID)}

函數ou(){slideit()}

var whichlink=0

var whichimage=0

函數gotoshow(){

window . open(slide links[which link]);

}

函數slideit(){

document . images . slide . style . filter = filter array[which image];

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

pixeldelay=(ie55)?(document . images . slide . filters[0])。持續時間*1000) : 0

//alert(pixeldelay);

如果(!document.images)返回

if (ie55) {

document . images . slide . filter[0]。apply();

document . images . slide . filter[0]。play();

}

document . images . slide . src = image holder[which image]。科學研究委員會

document . getelementbyid(" text slide ")。innerText = slide text[which image];

document . getelementbyid(" xiaosan 1 ")。src = slide sanjiaoimages[0];

document.getElementById("小三2 ")。src = slide sanjiaoimages[0];

document.getElementById("小三3 ")。src = slide sanjiaoimages[0];

document.getElementById("小三4 ")。src = slide sanjiaoimages[0];

document.getElementById("小三5 ")。src = slide sanjiaoimages[0];

document . getelementbyid(slide sanjiaoimagesname[which image])。src = slide sanjiaoimages[1];

if(ie55)document . images . slide . filters[0]。播放()

哪個鏈接=哪個圖像

which image =(which image & lt;slideimages.length-1)?哪個圖像+1 : 0

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

}

slideit()

函數over(n){

清除超時(集合ID)

which image = n;

document . images . slide . src = image holder[which image]。科學研究委員會

document . getelementbyid(" text slide ")。innerText = slide text[which image];

document . getelementbyid(" xiaosan 1 ")。src = slide sanjiaoimages[0];

document.getElementById("小三2 ")。src = slide sanjiaoimages[0];

document.getElementById("小三3 ")。src = slide sanjiaoimages[0];

document.getElementById("小三4 ")。src = slide sanjiaoimages[0];

document.getElementById("小三5 ")。src = slide sanjiaoimages[0];

document . getelementbyid(slide sanjiaoimagesname[which image])。src = slide sanjiaoimages[1];

}

& lt/SCRIPT & gt;

& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;

& lt/body & gt;

& lt/html & gt;

註意:創建壹個圖像文件夾,放置ad-01等。,並比較代碼。

  • 上一篇:java調用properties文件的問題
  • 下一篇:網站在百度檢測出被篡改了,請問要怎麽修復啊?
  • copyright 2024編程學習大全網