<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                Demo - fullpage:http://a-1.vip/demo/fullpage ``` $.fn.extend({ myfullpage: function(dataObj) { this.each(function(index, ele) { var _this = $(ele); dataObj.time = dataObj.time || 1000; var outerHeight = $(window).outerHeight(), outerWidth = $(window).outerWidth(); $('html,body').css({ position: 'relative', overflow: 'hidden', width: '100%', height: '100%', margin: 0 }); var section = _this.css({ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', }).find('.section').css({ position: 'relative', width: '100%', height: '100%', }); section.each(function(index, ele) { $(ele).css({ backgroundColor: dataObj.colorArray[index] }); var len = $(ele).find('.slide').css({ position: 'relative', width: outerWidth, height: outerHeight, float: 'left', }).length; if (len) { var slideAll = $(ele).find('.slide') .wrapAll('<div class="slideAll">').closest('.slideAll') .css({ position: 'absolute', top: 0, left: 0, width: outerWidth * len, htight: outerHeight, }); } }); section.eq(0).addClass('active'); section.each(function(index, ele) { $(ele).find('.slide').eq(0).addClass('innerActive'); }); var curIndex = 0, lock = true, direction = null; $(document).on('keydown', function(e) { // left == 37 top == 38 right == 39 bottom == 40 if (lock) { if (e.keyCode == 38 || e.keyCode == 40) { var newTop = _this.offset().top; // top/bottom if (e.keyCode == 38 && curIndex != 0) { direction = 'top'; typeof(dataObj.onLeave) === 'function' && dataObj.onLeave(curIndex, direction); curIndex--; newTop += outerHeight; } else if (e.keyCode == 40 && curIndex != section.length - 1) { direction = 'bottom'; typeof(dataObj.onLeave) === 'function' && dataObj.onLeave(curIndex, direction); curIndex++; newTop -= outerHeight; } else { lock = true; return; } lock = false; _this.animate({ top: newTop + 'px' }, dataObj.time, 'easeInBack', function() { _this.css({ top: newTop + 'px' }); section.removeClass('active').eq(curIndex).addClass('active'); lock = true; typeof(dataObj.afterLoad) === 'function' && dataObj.afterLoad(curIndex, direction); }); } // var innerActiveIndex = innerActive.index(); if (e.keyCode == 37 || e.keyCode == 39) { var slideAll = _this.find('.active .slideAll'), slide = _this.find('.active .slide'), inActIndex = _this.find('.active .innerActive').index(); if (inActIndex == -1) { return; } // left/slide var newLeft = slideAll.offset().left; if (e.keyCode == 37 && inActIndex > 0) { direction = 'left'; typeof(dataObj.onLeave) === 'function' && dataObj.onLeave(inActIndex, direction); inActIndex--; newLeft += outerWidth; } else if (e.keyCode == 39 && inActIndex != slide.length - 1) { direction = 'right'; typeof(dataObj.onLeave) === 'function' && dataObj.onLeave(inActIndex, direction); inActIndex++; newLeft -= outerWidth; } else { lock = true; return; } lock = false; slideAll.animate({ left: newLeft + 'px' }, dataObj.time, 'easeInBack', function() { slideAll.css({ left: newLeft + 'px' }); slide.removeClass('innerActive').eq(inActIndex).addClass('innerActive'); lock = true; typeof(dataObj.afterLoad) === 'function' && dataObj.afterLoad(inActIndex, direction); }); } } }) _this.fadeIn(dataObj.time); }); return this; }, // 該自定義插件可以根據數組、對象構建/配置指定元素標簽、 createDom: function(data) { if (typeof(data) != 'object') { console.log('類型錯誤!!createDom(data) data 可以傳兩種類型,[]、{}'); return this; } // data 可以傳兩種類型,[]、{} data = $.type(data) == 'array' ? data : [data]; this.each(function(index, _this) { var _this = $(_this); var $div = null; var reg = /</g; data.forEach(function(ele, index) { // 判斷 創建 / 選擇已有元素、 $div = reg.test(ele.type) ? $(ele.type) : $(ele.type, _this); ele.text && $div.text(ele.text); ele.class && $div.addClass(ele.class); ele.css && $div.css(ele.css); ele.event && $div.on(ele.event); // 回調函數提供接口調用能力、 typeof(ele.adjustFn) === 'function' && ele.adjustFn($div); if (ele.dom) { ele.dom = $.type(ele.dom) == 'array' ? ele.dom : [ele.dom]; ele.dom.forEach(function(e, i) { $div.createDom(e); }); }; _this.append($div); }); }); return this; } }); ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看