通过在div中加入表格,实现大图轮播,代码如下:
整体的思路:
1。在div中嵌入表格,设置div的宽和高,设置成图片大小,确定其位置,将图片插入表格,超出div部分隐藏
2.在js中定义一个变量接受left的值,并赋值为0px,即初始值
3设置函数 function a()
{在函数中将接收到的值强制转化为数字,
然后在值中减掉一张图片的宽度,
}
3.延迟执行,设置需要延迟的代码及延迟的时间,最后回到表格中,加入一个调用方法
window.clearTimeout(a) 删除一个元素 a为元素名称
#a1{ width:800px; height:500px;left:150px; position:relative; overflow:hidden; margin:50px; //id为a1的div样式,超出部分隐藏
}
#ta{ position:relative; left:0px; top:0px; transition:1s //ta的样式,transition:1s 为渐变时间
}