下面是具体的代码,还是比较简单的。
复制代码 代码如下:
.content{
border:3px solid red;
padding:3px;
width:500px;
height:245px;
position:relative;
}
.content img{
border:0;
}
.content div{
position:absolute;
z-index:1000;
border:2px solid green;
padding:3px 5px;
background:#ccc;
}
.content .cur{background:red;color:white;}//当前显示的图片的小方块,红色背景白色字体
1
2
3
4
5
简单的说下流程:
1.先定义最外层的DIV
2.再定义紧挨着的图片DIV
3.图片右下角的小方块DIV
用计时器函数,实现图片轮换,并让小方块也产生对于的变化。
OK,睡觉。



