本文介绍了Html5百叶窗效果的示例代码,分享给大家,具体如下: 实现方法介绍: 1,百叶窗布局 用定位(position: absolute)覆盖在content布局之上,背景设置为透明(background-color: transparent) 2,keyframes定义淡入淡出(透明度改变)和百叶窗口效果动画。 3,启动动画是通过设置DOM的className属性的方法,animator.className = ‘baiyeWindow’; 监听动画完成事件’animationend’,要清除className属性。 4,在内容布局切换的事件,调用启动动画方法,两个布局都需要绑定切换事