闲的无聊，自己实现了一个。用的jquery。
主要用到animate（）方法，
因为有一个进度条的播放过程。
不支持ie6，当然，改改还是可以的。
演示
下载
先看下效果图
看代码吧：
复制代码 代码如下:
*{padding: 0;margin:0;}
ul li{list-style: none;}
.slideplay ,.slideshow{
position: relative;
}
.slideshow li{
position: absolute;
left: 0;
top: 0;
display: none;
}
.loadbar{
position: absolute;
bottom: 60px;
left: 250px;
z-index: 9;
}
.loadbar li{
width: 40px;
height: 20px;
float: left;
position: relative;
margin-right: 5px;
border-radius: 2px;
border: 1px solid #e5f9ff;
}
.loadbar span{
position: absolute;
left: 0;
top: 0;
height: 20px;
width: 40px;
text-align: center;
z-index: 12;
cursor: pointer;
color: #fff;
border-radius: 2px;
}
.loadbar em{
position: absolute;
left: 0;
top: 0;
height: 20px;
background: #31d81a;
z-index: 10;
border-radius: 2px;
opacity: 0.7
}
.zindex{
z-index: 1;
}
