！声明文档类型

html lang='zh '

头

meta charset='UTF-8 '

meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 '

元名称='视口'内容='宽度=设备宽度，初始比例=1.0 '

标题超酷堆叠图片展开和折叠/title

元名称='关键字'内容='超酷堆叠图片展开和折叠' /

元名称='描述'内容='超酷堆叠图片展开和折叠' /

链接rel='样式表type=' text/CSS ' href=' CSS/bootstrap。CSS '/

链接rel='样式表type=' text/CSS ' href=' CSS/htmleaf-demo。' CSS '

style type='text/css '

body { overflow:hidden}。t-container { position :值；top:0left:0}。t型集装箱t-content {位置：；top:0left:0宽度宽度：400像素宽度：225像素。t型集装箱t-content img {位置：；宽度宽度：400像素宽度：225像素。t型集装箱t-内容盖{ position : absolutetop :0 left :0背景-color:rgba(0，0，0，0.75)；宽度宽度：400像素宽度：225像素。容器{ position : absolute-moz-transform : translatex(-50%)；-ms-transform : translatex(-50%)；-web套件-transform : translatex(-50%)；transform : translatex(-50%)；左侧：50%;底部：50px}。集装箱BTN { z-index :9999；}

/style

/head

身体

div class='t-container '

div class='t-content '

img class=' t-img ' src=' img/img 0。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 1。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 2。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 3。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 4。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 5。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 6。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 7。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 8。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 9。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 10。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 11。jpg ' alt=' ' '/

div class='cover'/div

/div

div class='t-content '

img class=' t-img ' src=' img/img 11。jpg ' alt=' ' '/

div class='cover'/div

/div

/div

div class='container '

button type=' button ' class=' BTN BTN-primary ' id=' toggle '打开/关闭/按钮

/div

脚本src=' http://www .5 iweb。com。cn/statics/js/jquery。1 .7 .1 .量滴js '/脚本

脚本类型=' text/JavaScript ' src=' js/PerspectiveTransform。js '/脚本

脚本类型=' text/JavaScript ' src=' js/tweenmax。量滴js '/脚本

脚本类型=' text/JavaScript ' src=' js/init。js '/脚本

/body

/html