text: /*! layer demo */ ;
  ! function () {
      var gather = {
          htdy: $('html, body')
      };
  
      //一睹为快
      gather.demo1 = $('#demo1');
      $('#chutiyan>a').on('click', function () {
          var othis = $(this),
              index = othis.index();
          var p = gather.demo1.children('p').eq(index);
          var top = p.position().top;
          gather.demo1.animate({
              scrollTop: gather.demo1.scrollTop() + top
          }, 0);
          switch (index) {
          case 0:
              var icon = -1;
              (function changeIcon() {
                  var index = parent.layer.alert('点击确认更换图标', {
                      icon: icon,
                      shadeClose: true,
                      title: icon === -1 ? '初体验' : 'icon：' + icon
                  }, changeIcon);
                  if (8 === ++icon) layer.close(index);
              }());
              break;
          case 1:
              var icon = 0;
              (function changeIcon1() {
                  var index = parent.layer.alert('点击确认更换图标', {
                      icon: icon,
                      shadeClose: true,
                      skin: 'layer-ext-moon',
                      shift: 5,
                      title: icon === -1 ? '第三方扩展皮肤' : 'icon：' + icon
                  }, changeIcon1);
                  if (9 === ++icon) {
                      parent.layer.confirm('怎么样，是否很喜欢该皮肤，去下载？', {
                          skin: 'layer-ext-moon'
                      }, function (index, layero) {
                          layero.find('.layui-layer-btn0').attr({
                              href: 'http://layer.layui.com/skin.html',
                              target: '_blank'
                          });
                          parent.layer.close(index);
                      });
                  };
              }());
              break;
          case 6:
              parent.layer.open({
                  type: 1,
                  area: ['420px', '240px'],
                  skin: 'layui-layer-rim', //加上边框
                  content: '<div style="padding:20px;">即直接给content传入html字符<br>当内容宽高超过定义宽高，会自动出现滚动条。<br><br><br><br><br><br><br><br><br><br><br>很高兴在下面遇见你</div>'
              });
              break;
          case 7:
              parent.layer.open({
                  type: 1,
                  skin: 'layui-layer-demo',
                  closeBtn: false,
                  area: '350px',
                  shift: 2,
                  shadeClose: true,
                  content: '<div style="padding:20px;">即传入skin:"样式名"，然后你就可以为所欲为了。<br>你怎么样给她整容都行<br><br><br>我是华丽的酱油==。</div>'
              });
              break;
          case 8:
              layer.tips('Hi，我是tips', this);
              break;
          case 11:
              var ii = parent.layer.load(0, {
                  shade: false
              });
              setTimeout(function () {
                  parent.layer.close(ii)
              }, 5000);
              break;
          case 12:
              var iii = parent.layer.load(1, {
                  shade: [0.1, '#fff']
              });
              setTimeout(function () {
                  parent.layer.close(iii)
              }, 3000);
              break;
          case 13:
              layer.tips('我是另外一个tips，只不过我长得跟之前那位稍有些不一样。', this, {
                  tips: [1, '#3595CC'],
                  time: 4000
              });
              break;
          case 14:
              parent.layer.prompt({
                  title: '输入任何口令，并确认',
                  formType: 1
              }, function (pass) {
                  parent.layer.prompt({
                      title: '随便写点啥，并确认',
                      formType: 2
                  }, function (text) {
                      parent.layer.msg('演示完毕！您的口令：' + pass + '<br>您最后写下了：' + text);
                  });
              });
              break;
          case 15:
              parent.layer.tab({
                  area: ['600px', '300px'],
                  tab: [{
                      title: '无题',
                      content: '<div style="padding:20px; line-height:30px; text-align:center">欢迎体验layer.tab<br>此时此刻不禁让人吟诗一首：<br>一入前端深似海<br>从此妹纸是浮云<br>以下省略七个字<br>。。。。。。。<br>——贤心</div>'
                  }, {
                      title: 'TAB2',
                      content: '<div style="padding:20px;">TAB2该说些啥</div>'
                  }, {
                      title: 'TAB3',
                      content: '<div style="padding:20px;">有一种坚持叫：layer</div>'
                  }]
              });
              break;
          case 16:
              if (gather.photoJSON) {
                  layer.photos({
                      photos: gather.photoJSON
                  });
              } else {
                  $.getJSON('js/demo/photos.json?v=', function (json) {
                      gather.photoJSON = json;
                      layer.photos({
                          photos: json
                      });
                  });
              }
              break;
          default:
              new Function(p.text())();
              break;
          }
      });
  }();
  
  