jquery画卷打开动画效果代码
代码语言:html
所属分类:动画
代码描述:jquery画卷打开动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /*通用样式*/ body,ul,li,p,h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:100%; } body{ font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', SimSun, 'Segoe UI', Tahoma, Helvetica, Sans-Serif; font-size: 14px; background: #6f0b02; padding: 100px 0; } img{ border:0; } .fl{ float: left; } .fr{ float: right; } .center{ width: 1000px; margin: 0 auto 0; } /*content*/ .content{ position: relative; width: 900px; height: 460px; margin: 40px auto; } .l-pic-index{ /*display:none;*/ position: absolute; left: 400px; top: 1px; z-index:2; width:50px; height:460px; background: url("//repo.bfw.wiki/bfwrepo/image/60bf205250519.png") no-repeat right 0; } .r-pic-index{ /*display:none;*/ position: absolute; right: 400px; top: 0; z-index: 2; width:50px; *width:82px; height:460px; background: url("//repo.bfw.wiki/bfwrepo/image/60bf206546134.png") no-repeat left 0; } .l-bg-index{ position: absolute; top: -3px; left: 430px; z-index: 1; width: 25px; height: 459px; background: url("//repo.bfw.wiki/bfwrepo/image/60bf20a53f67f.png") right 0 no-repeat; } .r-bg-index{ position: absolute; top:-4px; right: 430px; z-index: 1; width: 25px; height: 459px; background: url(&qu.........完整代码请登录后点击上方下载按钮下载查看
网友评论0