User Tools

Site Tools


academics:160913

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
academics:160913 [2017/01/13 18:41]
osmond 移除
academics:160913 [2017/01/13 21:01] (current)
osmond 创建
Line 1: Line 1:
 +~~NOTOC~~
 +===== 润德、嘉德、原知,欢迎你们 =====
  
-<​HTML>​ +{{:academics:​160913-11.jpg|}} 
-<​style>​ +{{:academics:​160913-12.jpg|}} 
-/* Swipe 2 required styles */ +{{:academics:​160913-13.jpg|}} 
-#​console ​{ +{{:academics:​160913-14.jpg|}}
-  font-size12px; +
-  font-family:"​Inconsolata",​ "​Monaco",​ "​Consolas",​ "​Andale Mono", "​Bitstream Vera Sans Mono", "​Courier New", Courier, monospace; +
-  color#999; +
-  line-height: 18px; +
-  ​margin-top20px; +
-  max-height: 150px; +
-  ​overflowauto; +
-}+
  
-#mySwipe div b { +  要隆重,还是要简单?我说的是开学典礼。要隆重,跟着来的,会是创意,会是场面。要简单,跟着来的,会是实在,会是轻快。去年,赶上日日新走进第十个年头,我们选择了前者。今年,日日新开启第二个十年,我们选择了后者。你可以说,这是各有各的道理,各有各的考虑,各有各的好处;却不能说谁好谁坏,谁高谁下。
-  display:​block;​ +
-  font-weight:​bold;​ +
-  color:#​14ADE5;​ +
-  font-size:​20px;​ +
-  text-align:​center;​ +
-  margin:​10px;​ +
-  padding:​100px 10px; +
-  box-shadow: 0 1px #EBEBEB; +
-  background: #fff; +
-  border-radius:​ 3px; +
-  border: 1px solid; +
-  border-color:​ #E5E5E5 #D3D3D3 #B9C1C6; +
-}+
  
-.swipe { +==== 一 ====
-  overflow: hidden; +
-  visibility: hidden; +
-  position: relative; +
-+
-.swipe-wrap { +
-  overflow: hidden; +
-  position: relative; +
-+
-.swipe-wrap > div { +
-  float:​left;​ +
-  width:​100%;​ +
-  position: relative; +
-+
-</​style>​+
  
-<script src="//​ajax.googleapis.com/​ajax/​libs/​jquery/​1.9.1/​jquery.min.js"></​script>​+  今年的仪式虽然简单,日日新的色彩却一点不减。什么色彩?自自然然,文质彬彬,身在其中,自在轻松。
  
-<​script>​+  在说色彩前,先介绍一下背景——了解的朋友可略过。
  
-function Swipe(container,​ options) {+  我们是9月1号开的学,二年级,三年级,四年级,五年级,六年级各年级有自己的开学方式。9月2号,一年级的润德,嘉德,七年级的原知举办开学典礼。润德和嘉德,是有传统的。润德是我们小学成立的第一个班,小升初后改叫致知,已于今年六月初中毕业。也就是说,润德轮了一轮,这次已是第二届了。(小学是德字辈,班名定下来以后,就不再变了,会从一年级一直叫到六年级。初中是知字辈,办法一致。)嘉德是第二个班,已于今年六月小学毕业,小升初后,改叫原知。所以,这次的嘉德同样也是第二届。原知,是第一届嘉德和第一届喻德升上来的。
  
-  "use strict";​+==== 二 ==== 
 +  背景交代完,该说正文了。
  
-  // utilities +{{:​academics:​160913-21.jpg|}} 
-  var noop = function() ​{}; // simple no operation function +{{:​academics:​160913-22.jpg|}
-  var offloadFn = function(fn) ​setTimeout(fn ​|| noop, 0) }; // offload a functions execution+{{:​academics:​160913-23.jpg|}} 
 +{{:​academics:​160913-24.jpg|}
 +{{:​academics:​160913-25.jpg|}}
  
-  // check browser capabilities 
-  var browser = { 
-    addEventListener:​ !!window.addEventListener,​ 
-    touch: ('​ontouchstart'​ in window) || window.DocumentTouch && document instanceof DocumentTouch,​ 
-    transitions:​ (function(temp) { 
-      var props = ['​transitionProperty',​ '​WebkitTransition',​ '​MozTransition',​ '​OTransition',​ '​msTransition'​];​ 
-      for ( var i in props ) if (temp.style[ props[i] ] !== undefined) return true; 
-      return false; 
-    })(document.createElement('​swipe'​)) 
-  }; 
  
-  // quit if no root element +  一年级的典礼,是在门外长廊的草地上举办的。晴天,无风,长廊,蓝天,白云,草地,果树,这些景色会构成怎样一副画面,就不用多说了,更何况还有笑靥如花的孩子们。在这样的环境下,简单地排个队,放个小音箱,典礼就开始了。没那么多客套,也没那么严整,就那么自自然然,自自在在的。身在其中,你不会有那么重的仪式感,也不会有压迫感,拘束感。
-  if (!container) return; +
-  var element = container.children[0];​ +
-  var slides, slidePos, width, length; +
-  options = options || {}; +
-  var index = parseInt(options.startSlide,​ 10) || 0; +
-  var speed = options.speed || 300; +
-  options.continuous = options.continuous !== undefined ? options.continuous : true;+
  
-  function setup() {+  典礼的第一阶段,十来分钟,十分简短:五六年级的哥哥姐姐为弟弟妹妹戴领带,领带的四种颜色——红,白,蓝,黄——分别代表爱,美,智慧,自由;校长大车老师授班牌(润德,嘉德);大车老师致辞,简短,亲切,自然(附后);敲响学堂大门(我们的传统仪式),孩子敲门,大车老师:“谁敲响了日日新学堂的大门”,孩子:“××班××”,大车老师:“请进”。
  
-    // cache slides +  第一阶段结束。第二阶段从进班开始,进班后,各班老师又在每个孩子的额头点上朱点(寓意开启智慧),发新课本。
-    slides = element.children;​ +
-    length = slides.length;​+
  
-    // set continuous to false if only one slide +==== 三 ====
-    if (slides.length < 2) options.continuous ​false;+
  
-    //special case if two slides +{{:​academics:​160913-31.jpg|}} 
-    if (browser.transitions && options.continuous && slides.length < 3) +{{:​academics:​160913-32.jpg|}} 
-      ​element.appendChild(slides[0].cloneNode(true));​ +{{:​academics:​160913-33.jpg|}} 
-      ​element.appendChild(element.children[1].cloneNode(true));​ +{{:​academics:​160913-34.jpg|}} 
-      ​slides = element.children; +{{:​academics:​160913-35.jpg|}}
-    }+
  
-    // create an array to store current positions of each slide +  再说原知的情况。
-    slidePos = new Array(slides.length);​+
  
-    // determine width of each slide +  先普及一下“原知”的意思:
-    width = container.getBoundingClientRect().width || container.offsetWidth;​+
  
-    element.style.width = (slides.length * width) + '​px';​+  原,从厂,从泉,会意。厂在崖,岸,危等字中都有,是悬崖的象形字。原的本义,是悬崖之下,泉水涌出。所以,“原”是“源”的本字。因为“原”更多表示抽象的“本来”的意思,所以又造了“源”,表示源头。原既表示名词,源头,又表示动词,推寻源头。唐代文学家韩愈有一篇《原道》,用的就是这个意思。别人给我们的知识,有可能是假的,我们要有能力和办法追寻源头,从一个确当不疑的逻辑起点开始建构我们的知识。有句话说,知识就是力量,其实获得知识的能力和方法才是力量。以上摘自池玉玺老师的发言。
  
-    // stack elements +  我们为原知的孩子们,设计了一个“步行上学”的活动:家长把孩子送到约定地点(昌平区七北路与文华西路路口),老师接手,陪孩子继续前行,走到日日新。早7点集合,7点10分出发,手举红,白,蓝,黄四色校旗。
-    var pos = slides.length;​ +
-    while(pos--) {+
  
-      var slide = slides[pos];​+  初中伊始,陪伴行走,是想给孩子留下不一样的人生起点,不一样的人生轨迹。这段路,孩子们走了半小时,给世间留下了一幅举校旗大步向前,有力量有节奏的画面。途中,孩子们见证了真实的生活——美与丑,善与恶,脏与净,香与臭。
  
-      slide.style.width = width + '​px';​ +  回到班级以后,首先举行了授班牌仪式,之后是既严肃又轻松的师生恳谈会。
-      slide.setAttribute('​data-index',​ pos);+
  
-      if (browser.transitions) { +==== 四 ====
-        slide.style.left ​(pos * -width) + '​px';​ +
-        move(pos, index > pos ? -width : (index < pos ? width : 0), 0); +
-      }+
  
-    } 
  
-    // reposition elements before and after index + 最后总结一下。自自然然,文质彬彬的色彩是怎么形成的?日日新的教育理念就是“自然而然”,老师们的状态如此,形成的文化也是如此,影响到孩子,自然也会如此。
-    if (options.continuous && browser.transitions) { +
-      move(circle(index-1),​ -width, 0); +
-      move(circle(index+1),​ width, 0); +
-    }+
  
-    if (!browser.transitions) element.style.left = (index * -width) + '​px';​+  老师们的影响尤其重要。就拿这次典礼来说吧,从大车老师,冬青老师,到班级老师,个个都是文质彬彬的。大车老师致辞,语气亲切,表情和蔼,不时地放低身段和孩子们交流;班级老师对孩子同样尊重,同样放低身段。这样的校长和老师会在孩子心里留下怎样的印象,不言而喻。老师们以身作则,在潜移默化中,这种色彩就形成了。
  
-    container.style.visibility = '​visible';​+  润德,嘉德,原知,欢迎你们,也羡慕你们能在这样的色彩里学习。
  
-  }+  (文字/​冯派 小学图片/​林彩芳老师拍摄 初中图片/​陈平老师提供)
  
-  function prev() {+**附:大车老师亲切和蔼,简洁自然的致辞**
  
-    if (options.continuous) slide(index-1);​ +{{:​academics:​160913-36.jpg|}}
-    else if (index) slide(index-1);​+
  
-  }+  孩子们,你们今天是第二天的小学生了,在这儿你们高兴吗?交到新朋友没有?
  
-  function next() {+  从现在开始,你们已是正式的日日新学堂的小学生了。你们不再是幼儿了,你们是儿童了,你们成长了。
  
-    if (options.continuous) slide(index+1);​ +  在小学阶段,你们会学到更多的知识,认识更多的朋友,智慧会一天比一天增加,身体也会一天一天长大。
-    else if (index < slides.length - 1) slide(index+1);​+
  
-  }+  在成长中,你们可能会遇到困难,也可能会有一点点问题,一点点难过,但没关系,你们有这么多的好朋友,还有爸爸妈妈,老师。你们遇到困难,一定要找老师,同学,爸爸妈妈来帮助你们,这样就会非常健康地成长。
  
-  function circle(index) {+  这回你们这两个班,可不是一般的班,为什么呢?因为我们的润德班,嘉德班是咱们日日新学堂最早的两个班,最有传统的两个班,现在它们轮了一轮又回到了原点,你们就成了新的润德班的小朋友,新的嘉德班的小朋友。
  
-    // a simple positive modulo using slides.length +  大车老师在这里啊,祝你们的小学生活快乐,每一天都高高兴兴的,知识一天比一天增多,个子一天比一天长高,好不好?
-    return (slides.length + (index % slides.length)) % slides.length;​+
  
-  }+  谢谢孩子们,谢谢。
  
-  function slide(to, slideSpeed) { 
- 
-    // do nothing if already on requested slide 
-    if (index == to) return; 
- 
-    if (browser.transitions) { 
- 
-      var direction = Math.abs(index-to) / (index-to); // 1: backward, -1: forward 
- 
-      // get the actual position of the slide 
-      if (options.continuous) { 
-        var natural_direction = direction; 
-        direction = -slidePos[circle(to)] / width; 
- 
-        // if going forward but to < index, use to = slides.length + to 
-        // if going backward but to > index, use to = -slides.length + to 
-        if (direction !== natural_direction) to =  -direction * slides.length + to; 
- 
-      } 
- 
-      var diff = Math.abs(index-to) - 1; 
- 
-      // move all the slides between index and to in the right direction 
-      while (diff--) move( circle((to > index ? to : index) - diff - 1), width * direction, 0); 
- 
-      to = circle(to); 
- 
-      move(index, width * direction, slideSpeed || speed); 
-      move(to, 0, slideSpeed || speed); 
- 
-      if (options.continuous) move(circle(to - direction), -(width * direction), 0); // we need to get the next in place 
- 
-    } else { 
- 
-      to = circle(to); 
-      animate(index * -width, to * -width, slideSpeed || speed); 
-      //no fallback for a circular continuous if the browser does not accept transitions 
-    } 
- 
-    index = to; 
-    offloadFn(options.callback && options.callback(index,​ slides[index]));​ 
-  } 
- 
-  function move(index, dist, speed) { 
- 
-    translate(index,​ dist, speed); 
-    slidePos[index] = dist; 
- 
-  } 
- 
-  function translate(index,​ dist, speed) { 
- 
-    var slide = slides[index];​ 
-    var style = slide && slide.style;​ 
- 
-    if (!style) return; 
- 
-    style.webkitTransitionDuration = 
-    style.MozTransitionDuration = 
-    style.msTransitionDuration = 
-    style.OTransitionDuration = 
-    style.transitionDuration = speed + '​ms';​ 
- 
-    style.webkitTransform = '​translate('​ + dist + '​px,​0)'​ + '​translateZ(0)';​ 
-    style.msTransform = 
-    style.MozTransform = 
-    style.OTransform = '​translateX('​ + dist + '​px)';​ 
- 
-  } 
- 
-  function animate(from,​ to, speed) { 
- 
-    // if not an animation, just reposition 
-    if (!speed) { 
- 
-      element.style.left = to + '​px';​ 
-      return; 
- 
-    } 
- 
-    var start = +new Date; 
- 
-    var timer = setInterval(function() { 
- 
-      var timeElap = +new Date - start; 
- 
-      if (timeElap > speed) { 
- 
-        element.style.left = to + '​px';​ 
- 
-        if (delay) begin(); 
- 
-        options.transitionEnd && options.transitionEnd.call(event,​ index, slides[index]);​ 
- 
-        clearInterval(timer);​ 
-        return; 
- 
-      } 
- 
-      element.style.left = (( (to - from) * (Math.floor((timeElap / speed) * 100) / 100) ) + from) + '​px';​ 
- 
-    }, 4); 
- 
-  } 
- 
-  // setup auto slideshow 
-  var delay = options.auto || 0; 
-  var interval; 
- 
-  function begin() { 
- 
-    interval = setTimeout(next,​ delay); 
- 
-  } 
- 
-  function stop() { 
- 
-    delay = 0; 
-    clearTimeout(interval);​ 
- 
-  } 
- 
-  // setup initial vars 
-  var start = {}; 
-  var delta = {}; 
-  var isScrolling;​ 
- 
-  // setup event capturing 
-  var events = { 
- 
-    handleEvent:​ function(event) { 
- 
-      switch (event.type) { 
-        case '​touchstart':​ this.start(event);​ break; 
-        case '​touchmove':​ this.move(event);​ break; 
-        case '​touchend':​ offloadFn(this.end(event));​ break; 
-        case '​webkitTransitionEnd':​ 
-        case '​msTransitionEnd':​ 
-        case '​oTransitionEnd':​ 
-        case '​otransitionend':​ 
-        case '​transitionend':​ offloadFn(this.transitionEnd(event));​ break; 
-        case '​resize':​ offloadFn(setup);​ break; 
-      } 
- 
-      if (options.stopPropagation) event.stopPropagation();​ 
- 
-    }, 
-    start: function(event) { 
- 
-      var touches = event.touches[0];​ 
- 
-      // measure start values 
-      start = { 
- 
-        // get initial touch coords 
-        x: touches.pageX,​ 
-        y: touches.pageY,​ 
- 
-        // store time to determine touch duration 
-        time: +new Date 
- 
-      }; 
- 
-      // used for testing first move event 
-      isScrolling = undefined; 
- 
-      // reset delta and end measurements 
-      delta = {}; 
- 
-      // attach touchmove and touchend listeners 
-      element.addEventListener('​touchmove',​ this, false); 
-      element.addEventListener('​touchend',​ this, false); 
- 
-    }, 
-    move: function(event) { 
- 
-      // ensure swiping with one touch and not pinching 
-      if ( event.touches.length > 1 || event.scale && event.scale !== 1) return 
- 
-      if (options.disableScroll) event.preventDefault();​ 
- 
-      var touches = event.touches[0];​ 
- 
-      // measure change in x and y 
-      delta = { 
-        x: touches.pageX - start.x, 
-        y: touches.pageY - start.y 
-      } 
- 
-      // determine if scrolling test has run - one time test 
-      if ( typeof isScrolling == '​undefined'​) { 
-        isScrolling = !!( isScrolling || Math.abs(delta.x) < Math.abs(delta.y) ); 
-      } 
- 
-      // if user is not trying to scroll vertically 
-      if (!isScrolling) { 
- 
-        // prevent native scrolling 
-        event.preventDefault();​ 
- 
-        // stop slideshow 
-        stop(); 
- 
-        // increase resistance if first or last slide 
-        if (options.continuous) { // we don't add resistance at the end 
- 
-          translate(circle(index-1),​ delta.x + slidePos[circle(index-1)],​ 0); 
-          translate(index,​ delta.x + slidePos[index],​ 0); 
-          translate(circle(index+1),​ delta.x + slidePos[circle(index+1)],​ 0); 
- 
-        } else { 
- 
-          delta.x = 
-            delta.x / 
-              ( (!index && delta.x > 0               // if first slide and sliding left 
-                || index == slides.length - 1        // or if last slide and sliding right 
-                && delta.x < 0                       // and if sliding at all 
-              ) ? 
-              ( Math.abs(delta.x) / width + 1 )      // determine resistance level 
-              : 1 );                                 // no resistance if false 
- 
-          // translate 1:1 
-          translate(index-1,​ delta.x + slidePos[index-1],​ 0); 
-          translate(index,​ delta.x + slidePos[index],​ 0); 
-          translate(index+1,​ delta.x + slidePos[index+1],​ 0); 
-        } 
- 
-      } 
- 
-    }, 
-    end: function(event) { 
- 
-      // measure duration 
-      var duration = +new Date - start.time; 
- 
-      // determine if slide attempt triggers next/prev slide 
-      var isValidSlide = 
-            Number(duration) < 250               // if slide duration is less than 250ms 
-            && Math.abs(delta.x) > 20            // and if slide amt is greater than 20px 
-            || Math.abs(delta.x) > width/​2; ​     // or if slide amt is greater than half the width 
- 
-      // determine if slide attempt is past start and end 
-      var isPastBounds = 
-            !index && delta.x > 0                            // if first slide and slide amt is greater than 0 
-            || index == slides.length - 1 && delta.x < 0;    // or if last slide and slide amt is less than 0 
- 
-      if (options.continuous) isPastBounds = false; 
- 
-      // determine direction of swipe (true:​right,​ false:left) 
-      var direction = delta.x < 0; 
- 
-      // if not scrolling vertically 
-      if (!isScrolling) { 
- 
-        if (isValidSlide && !isPastBounds) { 
- 
-          if (direction) { 
- 
-            if (options.continuous) { // we need to get the next in this direction in place 
- 
-              move(circle(index-1),​ -width, 0); 
-              move(circle(index+2),​ width, 0); 
- 
-            } else { 
-              move(index-1,​ -width, 0); 
-            } 
- 
-            move(index, slidePos[index]-width,​ speed); 
-            move(circle(index+1),​ slidePos[circle(index+1)]-width,​ speed); 
-            index = circle(index+1);​ 
- 
-          } else { 
-            if (options.continuous) { // we need to get the next in this direction in place 
- 
-              move(circle(index+1),​ width, 0); 
-              move(circle(index-2),​ -width, 0); 
- 
-            } else { 
-              move(index+1,​ width, 0); 
-            } 
- 
-            move(index, slidePos[index]+width,​ speed); 
-            move(circle(index-1),​ slidePos[circle(index-1)]+width,​ speed); 
-            index = circle(index-1);​ 
- 
-          } 
- 
-          options.callback && options.callback(index,​ slides[index]);​ 
- 
-        } else { 
- 
-          if (options.continuous) { 
- 
-            move(circle(index-1),​ -width, speed); 
-            move(index, 0, speed); 
-            move(circle(index+1),​ width, speed); 
- 
-          } else { 
- 
-            move(index-1,​ -width, speed); 
-            move(index, 0, speed); 
-            move(index+1,​ width, speed); 
-          } 
- 
-        } 
- 
-      } 
- 
-      // kill touchmove and touchend event listeners until touchstart called again 
-      element.removeEventListener('​touchmove',​ events, false) 
-      element.removeEventListener('​touchend',​ events, false) 
- 
-    }, 
-    transitionEnd:​ function(event) { 
- 
-      if (parseInt(event.target.getAttribute('​data-index'​),​ 10) == index) { 
- 
-        if (delay) begin(); 
- 
-        options.transitionEnd && options.transitionEnd.call(event,​ index, slides[index]);​ 
- 
-      } 
- 
-    } 
- 
-  } 
- 
-  // trigger setup 
-  setup(); 
- 
-  // start auto slideshow if applicable 
-  if (delay) begin(); 
- 
- 
-  // add event listeners 
-  if (browser.addEventListener) { 
- 
-    // set touchstart event on element 
-    if (browser.touch) element.addEventListener('​touchstart',​ events, false); 
- 
-    if (browser.transitions) { 
-      element.addEventListener('​webkitTransitionEnd',​ events, false); 
-      element.addEventListener('​msTransitionEnd',​ events, false); 
-      element.addEventListener('​oTransitionEnd',​ events, false); 
-      element.addEventListener('​otransitionend',​ events, false); 
-      element.addEventListener('​transitionend',​ events, false); 
-    } 
- 
-    // set resize event on window 
-    window.addEventListener('​resize',​ events, false); 
- 
-  } else { 
- 
-    window.onresize = function () { setup() }; // to play nice with old IE 
- 
-  } 
- 
-  // expose the Swipe API 
-  return { 
-    setup: function() { 
- 
-      setup(); 
- 
-    }, 
-    slide: function(to,​ speed) { 
- 
-      // cancel slideshow 
-      stop(); 
- 
-      slide(to, speed); 
- 
-    }, 
-    prev: function() { 
- 
-      // cancel slideshow 
-      stop(); 
- 
-      prev(); 
- 
-    }, 
-    next: function() { 
- 
-      // cancel slideshow 
-      stop(); 
- 
-      next(); 
- 
-    }, 
-    stop: function() { 
- 
-      // cancel slideshow 
-      stop(); 
- 
-    }, 
-    getPos: function() { 
- 
-      // return current index position 
-      return index; 
- 
-    }, 
-    getNumSlides:​ function() { 
- 
-      // return total number of slides 
-      return length; 
-    }, 
-    kill: function() { 
- 
-      // cancel slideshow 
-      stop(); 
- 
-      // reset element 
-      element.style.width = '';​ 
-      element.style.left = '';​ 
- 
-      // reset slides 
-      var pos = slides.length;​ 
-      while(pos--) { 
- 
-        var slide = slides[pos];​ 
-        slide.style.width = '';​ 
-        slide.style.left = '';​ 
- 
-        if (browser.transitions) translate(pos,​ 0, 0); 
- 
-      } 
- 
-      // removed event listeners 
-      if (browser.addEventListener) { 
- 
-        // remove current event listeners 
-        element.removeEventListener('​touchstart',​ events, false); 
-        element.removeEventListener('​webkitTransitionEnd',​ events, false); 
-        element.removeEventListener('​msTransitionEnd',​ events, false); 
-        element.removeEventListener('​oTransitionEnd',​ events, false); 
-        element.removeEventListener('​otransitionend',​ events, false); 
-        element.removeEventListener('​transitionend',​ events, false); 
-        window.removeEventListener('​resize',​ events, false); 
- 
-      } 
-      else { 
- 
-        window.onresize = null; 
- 
-      } 
- 
-    } 
-  } 
- 
-} 
- 
- 
-if ( window.jQuery || window.Zepto ) { 
-  (function($) { 
-    $.fn.Swipe = function(params) { 
-      return this.each(function() { 
-        $(this).data('​Swipe',​ new Swipe($(this)[0],​ params)); 
-      }); 
-    } 
-  })( window.jQuery || window.Zepto ) 
-} 
- 
-// pure JS 
-var elem = document.getElementById('​mySwipe'​);​ 
-window.mySwipe = Swipe(elem);​ 
- 
-// with jQuery 
-// window.mySwipe = $('#​mySwipe'​).Swipe().data('​Swipe'​);​ 
- 
-</​script>​ 
- 
-<​h1>​Swipe 2</​h1>​ 
- 
-<div id='​mySwipe'​ style='​max-width:​500px;​max-height:​100px;​margin:​10 auto' class='​swipe'>​ 
-  <div class='​swipe-wrap'>​ 
-    <​div><​img src="​http://​ririxinschool.org/​_media/​pic/​title-%E6%98%A5%E5%A4%A9%E5%86%99%E7%94%9F.jpg"​ /></​div>​ 
-    <​div><​b>​1</​b></​div>​ 
-    <​div><​b>​2</​b></​div>​ 
-    <​div><​b>​3</​b></​div>​ 
-    <​div><​b>​4</​b></​div>​ 
-    <​div><​b>​5</​b></​div>​ 
-    <​div><​b>​6</​b></​div>​ 
-    <​div><​b>​7</​b></​div>​ 
-    <​div><​b>​8</​b></​div>​ 
-    <​div><​b>​9</​b></​div>​ 
-    <​div><​b>​10</​b></​div>​ 
-    <​div><​b>​11</​b></​div>​ 
-    <​div><​b>​12</​b></​div>​ 
-    <​div><​b>​13</​b></​div>​ 
-    <​div><​b>​14</​b></​div>​ 
-    <​div><​b>​15</​b></​div>​ 
-    <​div><​b>​16</​b></​div>​ 
-    <​div><​b>​17</​b></​div>​ 
-    <​div><​b>​18</​b></​div>​ 
-    <​div><​b>​19</​b></​div>​ 
-    <​div><​b>​20</​b></​div>​ 
-  </​div>​ 
-</​div>​ 
- 
-<div style='​text-align:​center;​padding-top:​20px;'>​ 
-  ​ 
-  <button onclick='​mySwipe.prev()'>​prev</​button> ​ 
-  <button onclick='​mySwipe.next()'>​next</​button>​ 
- 
-</​div>​ 
- 
-</​HTML>​ 
academics/160913.txt · Last modified: 2017/01/13 21:01 by osmond

==== Ririxin School © 2006-2017 Beijing·Princeton Driven by DokuWiki ====