html5卷轴展开动画,古卷轴平滑打开jQuery动画特效

这是一款使用jquery animate动画制作的古卷轴平滑打开动画特效。该特效通过将一张完整的卷轴拆分到多个div中，然后通过jquery animate事件，配合不同的时间延迟，形成完整的卷轴打开动画。

使用方法

在页面中引入jquery.min.js文件。

HTML结构

该古卷轴平滑打开动画特效的基本HMTL结构如下：

描述文本...

CSS样式

为特效添加下面的CSS样式：

.content{

position: relative;

width: 900px;

height: 460px;

margin: 40px auto;

}

.l-pic-index{

position: absolute;

left: 400px;

top: 1px;

z-index:2;

width:50px;

height:460px;

background: url("../images/j1.png") no-repeat right 0;

}

.r-pic-index{

position: absolute;

right: 400px;

top: 0;

z-index: 2;

width:50px;

*width:82px;

height:460px;

background: url