jquery pfold实现纸张折叠展开动画效果代码-html代码-BFW代码库

jquery pfold实现纸张折叠展开动画效果代码

代码语言：html

所属分类：动画

代码描述：jquery pfold实现纸张折叠展开动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=u8tf-8" />
<style>
    @import url(http://fonts.googleapis.com/css?family=Satisfy|Open+Sans+Condensed:700,300);
/* General Demo Style */

*,
*:before,
*:after { 
    padding: 0; 
    margin: 0; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

html { height: 100%; }

body {
    font-family: 'Open Sans Condensed','Arial Narrow', serif;
    background: #DDD;
    font-weight: 400;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
}

a {
    color: #555;
    text-decoration: none;
}

.container {
    width: 100%;
    position: relative;
}

.main {
    width: 90%;
    min-height: 600px;
    margin: 0 auto;
    position: relative;
}

.container > header {
    margin: 10px;
    padding: 20px 10px 10px 10px;
    position: relative;
    display: block;
    text-align: center;
}

.container > header h1 {
    font-size: 36px;
    line-height: 36px;
    position: relative;
    font-weight: 300;
    color: #166c6f;
    text-.........完整代码请登录后点击上方下载按钮下载查看