bsdsjj_siping/web/WEB-INF/classes/template/index/templates/slide.ftl

  <#-- LayerSlider start -->
  <div class="widget-layerslider" style="width: 100%; height: ${model.height}px; margin: 0 auto;">

<#-- slide one start -->
<div class="ls-slide ls-slide1" data-ls="offsetxin: right; slidedelay: 7000; transition2d: 24,25,27,28;">

  <img src="${ctx}/styles/common/img/slide1/bg.jpg" class="ls-bg" alt="Slide background">

  <div class="ls-l ls-title" style="top: 96px; left: 35%; white-space: nowrap;" data-ls="
    fade: true; 
    fadeout: true; 
    durationin: 750; 
    durationout: 750; 
    easingin: easeOutQuint; 
    rotatein: 90; 
    rotateout: -90; 
    scalein: .5; 
    scaleout: .5; 
    showuntil: 4000;
  ">BPMX<strong>开源、轻量级的</strong> 企业流程业务开发平台</div>

  <div class="ls-l ls-mini-text" style="top: 338px; left: 35%; white-space: nowrap;" data-ls="
  fade: true; 
  fadeout: true; 
  durationout: 750; 
  easingin: easeOutQuint; 
  delayin: 300; 
  showuntil: 4000;
  ">全国咨询电话：<br > 
  	400-0668-262
  </div>
</div>
<#-- slide one end -->

<#-- slide two start -->
<div class="ls-slide ls-slide2" data-ls="offsetxin: right; slidedelay: 7000; transition2d: 110,111,112,113;">

  <img src="${ctx}/styles/common/img/slide2/bg.jpg" class="ls-bg" alt="Slide background">
  
  <div class="ls-l ls-title" style="top: 40%; left: 21%; white-space: nowrap;" data-ls="
  fade: true; 
  fadeout: true;  
  durationin: 750; durationout: 109750; 
  easingin: easeOutQuint; 
  easingout: easeInOutQuint; 
  delayin: 0; 
  delayout: 0; 
  rotatein: 90; 
  rotateout: -90; 
  scalein: .5; 
  scaleout: .5; 
  showuntil: 4000;
  "> <strong>joffice办公自动化平台</strong> 
    </div>

  <div class="ls-l" style="top: 50%; left: 45%; white-space: nowrap;" data-ls="
  fade: true; 
  fadeout: true;  
  durationout: 109750; 
  easingin: easeOutQuint; 
  delayin: 300; 
  scalein: .8; 
  scaleout: .8; 
  showuntil: 4000;"><strong><span>基于JBPM4的流程引擎，满足你的日常办公需求</span></strong>
  </div>

  <a href="javascript:;" class="ls-l ls-more" style="top: 72%; left: 21%; display: inline-block; white-space: nowrap;" data-ls="
  fade: true; 
  fadeout: true; 
  durationin: 750; 
  durationout: 750; 
  easingin: easeOutQuint; 
  easingout: easeInOutQuint; 
  delayin: 0; 
  delayout: 0; 
  rotatein: 90; 
  rotateout: -90; 
  scalein: .5; 
  scaleout: .5; 
  showuntil: 4000;">全国咨询电话：<br > 
  	400-0668-262
  </a>
</div>
<#-- slide two end -->

<#-- slide three start -->
<div class="ls-slide ls-slide3" data-ls="offsetxin: right; slidedelay: 7000; transition2d: 92,93,105;">

  <img src="${ctx}/styles/common/img/slide3/bg.jpg" class="ls-bg" alt="Slide background">
  
  <div class="ls-l ls-title" style="top: 83px; left: 33%; white-space: nowrap;" data-ls="
  fade: true; 
  fadeout: true; 
  durationin: 750; 
  durationout: 750; 
  easingin: easeOutQuint; 
  rotatein: 90; 
  rotateout: -90; 
  scalein: .5; 
  scaleout: .5; 
  showuntil: 4000;
  ">BPMX<strong>开源、轻量级的</strong> 企业流程业务开发平台
  </div>
  <div class="ls-l" style="top: 333px; left: 33%; white-space: nowrap; font-size: 20px; font: 20px 'Open Sans Light', sans-serif;" data-ls="
  fade: true; 
  fadeout: true; 
  durationout: 750; 
  easingin: easeOutQuint; 
  delayin: 300; 
  scalein: .8; 
  scaleout: .8; 
  showuntil: 4000;
  ">
    <a href="javascript:;" class="ls-buy">
     咨询电话:
    </a>
    <div class="ls-price">
      <strong>400-0668-262</strong>
    </div>
  </div>
</div>
<#-- slide three end -->

<#-- slide four start -->
<div class="ls-slide ls-slide4" data-ls="offsetxin: right; slidedelay: 7000; transition2d: 110,111,112,113;">

  <img src="${ctx}/styles/common/img/slide5/bg.jpg" class="ls-bg" alt="Slide background">
  
  <div class="ls-l ls-title" style="top: 35%; left: 60%; white-space: nowrap;" data-ls="
  fade: true; 
  fadeout: true; 
  durationin: 750; 
  durationout: 750; 
  easingin: easeOutQuint; 
  rotatein: 90; 
  rotateout: -90; 
  scalein: .5; 
  scaleout: .5; 
  showuntil: 4000;">
  BPMX<br><strong>开源、轻量级的</strong><br> 企业流程业务开发平台
  </div>

  <div class="ls-l ls-mini-text" style="top: 70%; left: 60%; white-space: nowrap;" data-ls="
  fade: true; 
  fadeout: true;  
  durationout: 750; 
  easingin: easeOutQuint; 
  delayin: 300; 
  scalein: .8; 
  scaleout: .8; 
  showuntil: 4000;">
  <span>咨询电话：</span>
  <a href="javascript:;">400-0668-262</a>
  </div>

</div>
<#-- slide four end -->