如何在网页设计中旋转图片

html中的代码:

& ltdiv id = & quot方框& quot& gt

& ltdiv id = & quot我在猴墩& quotclass = & # 39隐藏& # 39；& gt

& lta id = & quotbtnLeft & quothref = & # 39JavaScript:void(0)；'& gt& lt/a & gt；

& lta id = & quotbtnRight & quothref = & # 39JavaScript:void(0)；'& gt& lt/a & gt；

& ltul & gt

<li><img width="400" height="260" src="./images/scholl/1.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/1 . jpg & quot；/& gt；& lt/李& gt

<li><img width="400" height="260" src="./images/scholl/2.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/2 . jpg & quot；/& gt；& lt/李& gt

<li><img width="400" height="260" src="./images/scholl/3.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/3 . jpg & quot；/& gt；& lt/李& gt

<li><img width="400" height="260" src="./images/scholl/1.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/1 . jpg & quot；/& gt；& lt/李& gt

<li><img width="400" height="260" src="./images/scholl/2.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/2 . jpg & quot；/& gt；& lt/李& gt

<li><img width="400" height="260" src="./images/scholl/3.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/3 . jpg & quot；/& gt；& lt/李& gt

<li><img width="400" height="260" src="./images/scholl/1.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/1 . jpg & quot；/& gt；& lt/李& gt

<li><img width="400" height="260" src="./images/scholl/2.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/2 . jpg & quot；/& gt；& lt/李& gt

<li><img width="400" height="260" src="./images/scholl/3.jpg"/></li>& lt李& gt& ltimg width = & quot400 quot；height = & quot260 & quotsrc = & quot。/images/scholl/3 . jpg & quot；/& gt；& lt/李& gt

& lt/ul & gt；

& lt/div & gt；

js中的代码:

ar t = null

函数woZaiHouDun(){

var oUl = document . getelementbyid(& # 39；我在后墩& # 39；).getElementsByTagName(& # 39；ul & # 39)[0];

var aLi = oul . getelementsbytagname(& # 39；李& # 39；);

oul . innerhtml

= oul . innerhtml；

oUl.style.width = aLi[0]。offsetWidth * Ali . length

& # 39；px & # 39；

var oBtnLeft = document . getelementbyid(& # 39；btnLeft & # 39);

var oBtnRight = document . getelementbyid(& # 39；btnRight & # 39);

var iTarget = 0；

var is peed =-3；

oBtnLeft.onclick = function(){

is peed = 3；

}

oBtnRight.onclick = function(){

ispeed =-3；

}

t=setInterval(function(){

iTarget = oul . offset left-is peed；

if(iTarget & lt；- oUl.offsetWidth/2){

oul . style . left = 0

& # 39；px & # 39；

iTarget = oul . offset left-is peed；

}

if(iTarget & gt；0){

oul . style . left =-oUl.offsetWidth/2

& # 39；px & # 39；

iTarget = oul . offset left-is peed；

}

oul . style . left = iTarget

& # 39；px & # 39；

},30)

}

这可以实现旋转木马。

dw怎么做图片轮播？

dw做图片轮播步骤如下:

1.

首先打开你的dw,按快捷键ctrl+n创建一个新的网页。

2.

点菜单栏上的表格,插入一个表格。

3.

在属性栏设置表格的宽和高,这个表格用于添加轮播广告,所以宽和高都要符合我们的广告图片的宽和高。

4.

然后点击插入添加一个可编辑区,这个区域在此例子中没用,只是为了能够保存模板,所以随意加一个即可。