HTML首页怎么加图片轮播_IT百科

<html>

<head>

<style>

#div1 {position:relativewidth:650pxheight:210pxoverflow:hidden}

#div2{position:absolute}

li{float:leftlist-style-type:nonepadding:5px}

img{border:none}

a{position:relative}

</style>

window.onload=function()

{

var odiv2=document.getElementById('div2')

var ali=odiv2.getElementsByTagName('li')

var aspeed=-5

odiv2.innerHTML+=odiv2.innerHTML

odiv2.style.width=ali[0].offsetWidth*ali.length+'px'

setInterval(function()

{

odiv2.style.left=odiv2.offsetLeft+aspeed+'px'

if (odiv2.offsetLeft<-odiv2.offsetWidth/2)

{

odiv2.style.left='0px'

}

},30)}

}

</script>

</head>

<body>

</div>

</body>

</html>

在店铺装修页面的图片轮播模块中设置就可以了。

到店铺装修页面，点下图片轮播模块的“编辑”按钮：

进入编辑页面：

点击上图中的图标，在d出的页面中选择图片，在左边的“图片地址”这里会自动填充该图片的地址。

再添加多一张图片，点击下图中的“添加”按钮：

再按第一张图片这样 *** 作，插入图片地址：

图片轮播模块，一共可以添加5张图片，要再添加图片，如上同样 *** 作就可以了。

图片设置好后，点下“显示设置”：

下图中“切换效果”这里就是替换滚动的图片方式，有“上下滚动”和“渐变滚动”

点下倒三角形符号就能从2者中选择其一。

设置好后，点“保存”。

欢迎分享，转载请注明来源：内存溢出

HTML首页怎么加图片轮播