淡入淡出轮播图
业务分析:
(1)左侧或右侧按钮需要绑定单击事件
(2)利用特效函数淡入与淡出【当前显示这张图淡出之后,下一张图渐渐淡入】
一、样式部分
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
background: #eee;
}
.container{
position: relative;
width: 600px;
height: 400px;
margin: 30px auto;
border: 1px solid black;
/*溢出隐藏*/
overflow: hidden;
}
ul{
position: absolute;
width: 600px;
height: 400px;
list-style: none;
}
ul li{
/*隐藏所有图片*/
display: none;
}
li.cur{
/*显示第一张图片*/
display: block;
}
img{
width